jquery 使用點滴函數代碼

2019-11-20 23:48:52

字體：大中小

來源：轉載

供稿：網友

1、簡單的按鈕js事件用于判斷和顯示提示

 
<script type="text/javascript" language="javascript"> 
$(document).ready(function () { 
$("#btnlogin").click(function () { 
$("#lblInfo").html(""); 
var uid = $.trim($("#txtUsername").val()); 
var pwd = $.trim($("#txtPassword").val()); 
if (uid == "") { 
$("#lblInfo").html("賬號不能為空"); 
$("#txtUsername").focus(); 
return false; 
} 
if (pwd == "") { 
$("#lblInfo").html("密碼不能為空"); 
$("#txtPassword").focus(); 
return false; 
} 
}); 
}); 
</script> 

2、下拉列表的處理

復制代碼代碼如下:

 
function dropTypeChange() 
{ 
var sel = $("#<%=dropType.ClientID %> option:selected").val(); 
if(sel=="-1") 
{ 
$("#<%=txtNo.ClientID %>").attr('disabled',true); 
} 
else 
{ 
$("#<%=txtNo.ClientID %>").attr('disabled',false); 
} 
} 

//獲取第一個option的值
$('#test option:first').val();
//最后一個option的值
$('#test option:last').val();
//獲取第二個option的值
$('#test option:eq(1)').val();
//獲取選中的值
$('#test').val();
$('#test option:selected').val();
//設置值為2的option為選中狀態
$('#test').attr('value','2');
//設置第一個option為選中
$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
//獲取select的長度
$('#test option').length;
//添加一個option
$("#test").append("<option value='9'>ff</option>");
$("<option value='9'>ff</option>").appendTo("#test");
//添除選中項
$('#test option:selected').remove();
//指定項選中
$('#test option:first').remove();
//指定值被刪除
$('#test option').each(function(){
if( $(this).val() == '5'){
$(this).remove();
}
});
$('#test option[value=5]').remove();
//獲取第一個Group的標簽
$('#test optgroup:eq(0)').attr('label');
//獲取第二group下面第一個option的值
$('#test optgroup:eq(1) :option:eq(0)').val();

上一篇：JS 進度條效果實現代碼整理

下一篇：JQuery對checkbox操作（循環獲?。?/a>