博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery checkbox问题
阅读量:4129 次
发布时间:2019-05-25

本文共 1458 字,大约阅读时间需要 4 分钟。

     对于checkbox,ie经常出现$("#chk").attr("checked",true); 无法生效的情况。

    

    因为我是采用动态生成checkbox控件的方式,在这种情况下,我可以在初始的时候就设置选中状态:

  1. function newInputEl(t, n, chk){
  2.     var elm = null;
  3.     if ($.browser.mozilla){
  4.         elm = document.createElement("input");
  5.         elm.type = t;
  6.         elm.name = n;
  7.         elm.checked = chk;
  8.     }else{
  9.         if( chk ){
  10.             elm = document.createElement("<input checked type='" + t + "' name='" + n + "'>");
  11.         }else{
  12.             elm = document.createElement("<input type='" + t + "' name='" + n + "'>");
  13.         }
  14.     }
  15.     return $(elm);
  16. }

var chk = newInputEl("checkbox", "chkUser", ture);   //选中

 

 

附: 

 

获取一组radio被选中项的值

var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio:   $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();
控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                $("#sel").empty();//清空下拉框

 

转载地址:http://eqzvi.baihongyu.com/

你可能感兴趣的文章
OpenFeign学习(四):OpenFeign的方法同步请求执行
查看>>
OpenFeign学习(五):OpenFeign请求结果处理及重试控制
查看>>
OpenFeign学习(六):OpenFign进行表单提交参数或传输文件
查看>>
Ribbon 学习(二):Spring Cloud Ribbon 加载配置原理
查看>>
Ribbon 学习(三):RestTemplate 请求负载流程解析
查看>>
深入理解HashMap
查看>>
XML生成(一):DOM生成XML
查看>>
XML生成(三):JDOM生成
查看>>
Ubuntu Could not open lock file /var/lib/dpkg/lock - open (13:Permission denied)
查看>>
collect2: ld returned 1 exit status
查看>>
C#入门
查看>>
C#中ColorDialog需点两次确定才会退出的问题
查看>>
数据库
查看>>
nginx反代 499 502 bad gateway 和timeout
查看>>
linux虚拟机安装tar.gz版jdk步骤详解
查看>>
python实现100以内自然数之和,偶数之和
查看>>
python数字逆序输出及多个print输出在同一行
查看>>
苏宁产品经理面经
查看>>
百度产品经理群面
查看>>
去哪儿一面+平安科技二面+hr面+贝贝一面+二面产品面经
查看>>