Jquery代碼
代碼如下:
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function Checked(){ //定義函數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事件執行函數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供個人記錄學習筆記，如有錯誤歡迎指出！