微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery 使用prop()函数控制多选框(全选,反选)的简单示例

感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
今天看了jQuery手册,对prop()函数又多了一点认识,记忆力不好,记录下来。

prop() : 获取匹配元素集中第一个元素的值

判断checkBox中的第一个是否被选中:

/**
 * 
 * @param 
 * @arrange (编程之家) jb51.cc
 **/
$(:checkBox).prop(checked);  //如果第一个checkBox被选中返回true,否则返回false.

禁用和选中页面上的所有复选框:

/**
 * 
 * @param 
 * @arrange (编程之家) jb51.cc
 **/
$(input[type='checkBox']).prop(disabled,true);
$(input[type='checkBox']).prop(checked,true);

反选页面上的所有复选框:

/**
 * 
 * @param 
 * @arrange (编程之家) jb51.cc
 **/
$(input[type='checkBox']).prop(checked,function( i,val ) {   //i:索引  val:true/false(选中为true,否则为false)
  return !val;
});

原文地址:https://www.jb51.cc/jquery/527446.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐