亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Jquery 1.42 checkbox 全選和反選代碼

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

Jquery代碼

復(fù)制代碼 代碼如下:

<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的復(fù)選框標(biāo)簽
if($(this).attr("checked") == true){ //如果當(dāng)前復(fù)選框的checked屬性為true
$(this).attr("checked",false); //將該屬性改為false
}
else{ //如果當(dāng)前復(fù)選框的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代碼
復(fù)制代碼 代碼如下:

<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每天進(jìn)步一點(diǎn)點(diǎn)O(∩_∩)O 該BLOG供個(gè)人記錄學(xué)習(xí)筆記,如有錯(cuò)誤歡迎指出!

相關(guān)文章

最新評(píng)論