手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >用JQuery实现全选与取消的两种简单方法
用JQuery实现全选与取消的两种简单方法
摘要:用JQUERY实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器。复制代码代码如下:value1value2value3更加简单的一种...

用JQUERY实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器。

复制代码 代码如下:

<mce:script type="text/javascript"><></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)

}

}

);

【用JQuery实现全选与取消的两种简单方法】相关文章:

jQuery仿gmail实现fixed布局的方法

JavaScript实现鼠标点击后层展开效果的方法

JavaScript实现DIV层拖动及动态增加新层的方法

jQuery子窗体取得父窗体元素的方法

jQuery实现限制textarea文本框输入字符数量的方法

JS实现简单路由器功能的方法

JavaScript实现表格点击排序的方法

javascript实现设置、获取和删除Cookie的方法

JavaScript实现弹出模态窗体并接受传值的方法

JQuery实现动态添加删除评论的方法

精品推荐
分类导航