JQUERY複選CHECKBOX 全選 取消全選
用JQUERY實現全選和取消全選,減少了我們寫JS的麻煩,我們再也不用寫那麼多代碼了,給大家分享兩段代碼,用JQUERY實現復選框的全選和取消全選.<script type="text/javascript">
$(function() {
$("#checkall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", true);
});
});
$("#delcheckall").click(function() {
$("input[@name='checkname[]']").each(function() {
$(this).attr("checked", false);
});
});
});
</script>
<input type='checkbox' id='id1' name='checkname[]' value='1' />value1
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3
<input type="button" id="checkall" name="checkall" value="全選" />
<input type="button" id="delcheckall" name="delcheckall" value="取消全選" />
更加簡單的一種:
$("#checkall").click(
function(){
if(this.checked){
$("input").each(function(){this.checked=true;});
}else{
$("input").each(function(){this.checked=false;});
}
}
);
頁:
[1]