工作小计:关于jquery复选框的ckeckbox的值改变

业务需求,需要再前端页面增加复选框,jsp页面,使用的是jquery代码如下,发现实际效果只有第一次可以生效,后面点击全选没有效果

  /**
   * 全选
   */
   function checkAll() {
   $("input[name=ids]").attr("checked", true);
   }

  /**
   * 全不选
   */
   function uncheckAll() {
   $("input[name=ids]").attr("checked", false);

拯救方法,使用prop替代attr,如下: ok了

  /**
   * 全选
   */
   function checkAll() {
   $("input[name=ids]").prop("checked", true);
   }
   /**
   * 全不选
   */
   function uncheckAll() {
   $("input[name=ids]").prop("checked", false);

分析一波:
查阅资料发现,jq1.6版本之后新增的prop方法,用来获取html自带的属性,而attr用来获取用户自定义的DOM属性,checkbox明显是html自带的属性值,所以要用prop方法来获取他的值,用attr为undefined

时间: 2024-08-25 00:31:37

工作小计:关于jquery复选框的ckeckbox的值改变的相关文章

jquery复选框全选/取消示例

 jquery复选框全选/取消示例,实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态  功能:   a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态   b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 代码如下: /**  * 全选函数  * @param mainId 主复选框id  * @param klass 下属复选框的class  */ function selectAll(mainId,klass){  $(

jquery获取复选框被选中的值

 这篇文章主要介绍了jquery获取复选框被选中的值的方法,需要的朋友可以参考下  代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  <html>  <head>  <mce:style><!--    --></mce:style&

jquery获取复选框被选中的值_jquery

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> &l

jquery-jsp中如何实现点击复选框显示指定的值

问题描述 jsp中如何实现点击复选框显示指定的值 例如 查询条件:(口 为复选框) 班级: 口 一班 口 二班 ... 学号: 口 一号 口 二号 ... . . 左边是查询条件,右边是图片,如果没有选择查询条件则显示全部图片 如果选择了查询条件则实时查询符合条件的图片并显示 求给点思路啊,各位大大们 解决方案 图片用属性记录下班级和学号,如下 <img cls="一班" num="1号"/> 然后jquery $(function () { $('班级

c++-请问大神们,,我用settextcolor改变复选框文字的颜色为什么改变不了呢??这是我的代码

问题描述 请问大神们,,我用settextcolor改变复选框文字的颜色为什么改变不了呢??这是我的代码 HBRUSH CCheckBoxChangeDlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) { HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor); // TODO: 在此更改 DC 的任何属性 switch(nCtlColor) { case CTLCOLOR_BTN: {

jquery 复选框全选 反选

$("#checkall").click( function(){ if(this.checked){ $("input[name='checkname']").each(function(){this.checked=true;}); }else{ $("input[name='checkname']").each(function(){this.checked=false;}); } } ); 看个jquery全选实例   <scrip

jquery复选框全选/取消示例_jquery

功能: a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态 b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 复制代码 代码如下: /** * 全选函数 * @param mainId 主复选框id * @param klass 下属复选框的class */function selectAll(mainId,klass){ $("." + klass).each(function(){     if($("#" +

js 复选框全选与jquery 复选框全选代码

<script> //不在form中的情况: function checkall() {     arr= new array("aa","bb","cc","dd");     for (var i=0;i<arr.length;i++)     {         var e = arr[i];         eval(document.getelementbyid(e)).checked = (doc

jquery复选框CHECKBOX全选、反选_jquery

使用方法:我们先把下面的JS保存为有个文件,到时候调用,淡然你也可以直接写在页面内,推荐使用前者,方便重用: 复制代码 代码如下: (function($){ $.fn.checkgroup = function(options){ //merge settings settings=$.extend({ groupSelector:null, groupName:'group_name', enabledOnly:false },options || {}); var ctrl_box=thi