热搜:

jquery 如何实现全选、不选或反选 源码实例

2013-03-13 15:40:09文章来源:点点软件园热度:0

更多

利用jquery实现的全选,或者有些人认为用js更容易些,这就是个人对知识的掌握了。更多最新IT资讯尽在金顺软件园http://www.jinshun168.com/

最近看到很多人在问如何实现全选 不选 反选这些功能

<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function () {
$("#setall").click(function () {
$("#inputlist :input[name=check]").attr("checked", true);
});
$("#setNotall").click(function () {
$("#inputlist :input[name=check]").attr("checked", false);
});
$("#setallC").click(function () {
$("#inputlist :input[name=check]").each(function () {

$(this).attr("checked", !$(this).attr("checked"));

});
});

});

</script>

这里就是全部jquery代码了

JQuery实现全选与取消更加简单的一种:

[java] view plaincopyprint?
01.$("#checkall").click(
02. function(){
03. if(this.checked){
04. $("input[name='checkname']").attr('checked', true)
05. }else{
06. $("input[name='checkname']").attr('checked', false)
07. }
08. }
09.);

以上,就是金顺软件园小编给大家带来的jquery 如何实现全选、不选或反选 源码实例全部内容,希望对大家有所帮助!

上一篇新手安装Java开发工具图文教程下一篇winform程序最小化到托盘后不能正常关机的解决方案
编辑:点点小编