展会信息港展会大全

用JQuery实现全选与取消的两种简单方法
来源:互联网   发布日期:2016-01-28 12:56:20   浏览:2204次  

导读:本篇文章主要是对JQuery实现全选与取消的两种简单方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助用JQUERY实现全选和取消全选,没有js那么繁琐,而且支持更多浏览器。代码如下:mce:script type= ...

本篇文章主要是对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)

}

}

);

赞助本站

人工智能实验室

相关热词: 全选 JQuery

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港