51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

用JQuery实现全选与取消的两种简单方法

用JQUERY实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器。
++复制代码++ 代码如下:

<mce: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);
});
});
});
// --></mce: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[name='checkname']").attr('checked', true)
}else{
$("input[name='checkname']").attr('checked', false)
}
}
);


赞(0)
未经允许不得转载:工具盒子 » 用JQuery实现全选与取消的两种简单方法