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的復(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代碼
代碼如下:
<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ò)誤歡迎指出!
新聞熱點(diǎn)
疑難解答
圖片精選