欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery 1.42 checkbox 全選和反選代碼

 更新時間：2010年03月27日 11:52:29   作者：  
用jquery實現(xiàn)的checkbox全選和反選代碼,需要的朋友可以參考下。

Jquery代碼

復制代碼 代碼如下:

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function Checked(){ //定義函數(shù)checked
$(".chk").each(function(){ //遍歷html中class為chk的復選框標簽
if($(this).attr("checked") == true){ //如果當前復選框的checked屬性為true
$(this).attr("checked",false); //將該屬性改為false
}
else{ //如果當前復選框的checked屬性為false
$(this).attr("checked",true); //將該屬性改為true
}
});
if($("#lbl").html() == "全選"){ //修改label的文本為“反選”
$("#lbl").html("反選");
}
else if($("#lbl").html() == "反選"){ //修改label的文本為“全選”
$("#lbl").html("全選");
}
}
$(document).ready(function(){ //為label添加click事件執(zhí)行函數(shù)checked
$("#lbl").bind("click",Checked);
})
</script>

Html代碼
復制代碼 代碼如下:

<label id="lbl">全選</label>
<table>
<tr>
<td>
<input type="checkbox" class="chk" />
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="chk" />
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="chk" />
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="chk" />
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="chk" />
</td>
</tr>
</table>

O(∩_∩)O每天進步一點點O(∩_∩)O 該BLOG供個人記錄學習筆記，如有錯誤歡迎指出！

相關文章

最新評論