西西软件下载最安全的下载网站、值得信赖的软件下载站!

首页编程开发javascript|JQuery → jquery 如何实现全选、不选或反选 源码实例

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

相关软件相关文章发表评论 来源:西西整理时间:2012/12/12 13:51:59字体大小:A-A+

作者:西西点击:0次评论:0次标签: 全选

  • 类型:音频处理大小:1M语言:中文 评分:5.3
  • 标签:
立即下载

利用jquery实现的全选,或者有些人认为用js更容易些,这就是个人对知识的掌握了。

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

<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.);

    相关评论

    阅读本文后您有什么感想? 已有人给出评价!

    • 8 喜欢喜欢
    • 3 顶
    • 1 难过难过
    • 5 囧
    • 3 围观围观
    • 2 无聊无聊

    热门评论

    最新评论

    发表评论 查看所有评论(0)

    昵称:
    表情: 高兴 可 汗 我不要 害羞 好 下下下 送花 屎 亲亲
    字数: 0/500 (您的评论需要经过审核才能显示)
    推荐文章

    没有数据