checkbox与radio

转载 2015年11月19日 16:11:37

今天遇到个问题,先是

$(":radio[name='deaf']").removeAttr("checked");

取消了单选框的选中状态,然后使用

$(":radio[name='deaf'][value='isdeaf']").attr("checked","true");
console.log($(":radio"));
奇怪了,控制台竟然没有输出这个选中的单选框,而且单选框没有呈现选中状态。于是乎度娘一把,发现还是自己太年轻,某位同学说jquery1.9以后版本(ps:我用的v2.0.2,attr应该不管用了,要用

<span style="font-family: Tahoma, Helvetica, Arial, 宋体, sans-serif; font-size: 14px; line-height: 25.2px; white-space: pre-wrap;">$(</span>":radio[name='deaf'][value='isdeaf']"<span style="line-height: 25.2px; white-space: pre-wrap; font-family: Tahoma, Helvetica, Arial, 宋体, sans-serif; background-color: rgb(255, 255, 255);">).prop("checked", true);</span>
<span style="line-height: 25.2px; white-space: pre-wrap; font-family: Tahoma, Helvetica, Arial, 宋体, sans-serif; background-color: rgb(255, 255, 255);">$(</span><span style="line-height: 25.2px; font-family: Tahoma, Helvetica, Arial, 宋体, sans-serif; white-space: pre-wrap;">":radio[name='deaf'][value='isdeaf']"</span><span style="line-height: 25.2px; white-space: pre-wrap; font-family: Tahoma, Helvetica, Arial, 宋体, sans-serif; background-color: rgb(255, 255, 255);">)</span><span style="line-height: 25.2px; white-space: pre-wrap; font-family: Tahoma, Helvetica, Arial, 宋体, sans-serif; background-color: rgb(255, 255, 255);">.removeAttr("checked");//选中和去除选中</span>

checkbox的用法就和radio雷同了,这里不再详述。。。还有一点要说明的是那个true带不带引号好像都可以

一些常用的语法如下: 

 $("#radio").checked = "checked";
 $("#radio").attr("checked", true);
 $("#radio").attr("checked", true);
 $("#radio").checked = "checked";
 $("#radio")[0].checked = true;

部分参考自:http://www.jb51.net/article/62283.htm

前端踩过的坑------radio、checkbox选中问题

attr 和 prop 的使用
  • u013994112
  • u013994112
  • 2016年08月25日 17:21
  • 2344

关于checkBox,radio和select标签的一些常见问题总结

checkBox的选中问题     1. checkBox的选中和checkBox标签的checked属性的关系:当有checked属性时,即被选中,否则,未选中。               che...
  • wp270280522
  • wp270280522
  • 2014年02月17日 22:30
  • 1254

让对label中文字的点击也同时对checkbox/radio生效

为checkbox或者radio加上label,让对label中文字的点击也同时对checkbox/radio生效: id="cbox"> for="cbox">for checkbox id="ra...
  • jallin2001
  • jallin2001
  • 2010年03月31日 09:32
  • 7004

RadioButton和CheckBox的区别

RadioButton和CheckBox的区别: 1、单个RadioButton在选中后,通过点击无法变为未选中        单个CheckBox在选中后,通过点击可以变为未选中 2、一组...
  • LVXIANGAN
  • LVXIANGAN
  • 2013年12月17日 10:22
  • 13765

把checkbox复选框转换成单选按钮radio

文章原创,转载请说明文章来自:http://blog.csdn.net/xxd851116/archive/2009/03/16/3994833.aspx 网页中单选按钮的缺陷 :当一组单选按钮选择一...
  • xxd851116
  • xxd851116
  • 2009年03月16日 15:50
  • 8595

input的checkbox和radio控件样式美化

复选框 Checkbox 是 Web 应用常用控件,随处可见,原生的复选框控件一般不能满足我们的需求,设计师喜欢一些漂亮的图片,用css做出此效果。 input#gps_open_cl...
  • wuyou1336
  • wuyou1336
  • 2016年08月30日 18:34
  • 1968

angular 表单元素,例如checkbox,radio,select等用法

Angular Form Input Type Form 表单中有很多元素,最普遍的Input,CheckBox,Radio,Select等等。Angular的Form有什么特殊之处呢? ...
  • u012138931
  • u012138931
  • 2016年10月09日 09:46
  • 2987

JQuery实现radio、select、checkbox禁用

$(document).ready(function(){       var input = $("#appDIV").find("input:radio");    input.att...
  • hongleidy5000
  • hongleidy5000
  • 2011年03月21日 17:31
  • 16504

纯CSS3美化radio和checkbox

如题,主要通过CSS3来实现将radio和checkbox美化的效果,但是兼容性并不是很好,PC端只支持chrome浏览器(IE和Firefox测试不行,其他没有更多测试)。然后微信端和QQ端访问也是...
  • u010571913
  • u010571913
  • 2015年07月20日 15:48
  • 2509

表单元素与提示文字无法对齐的问题(input,radio,checkbox文字对齐)

制作前端页面时,由于要兼容各个浏览器,表单的页面中都存在表单元素与提示文字无法对齐的问题。 解决的关键是vertical-align:middle属性,一定要给input标签和文字的标签同时加上该属...
  • yongxiaokang1
  • yongxiaokang1
  • 2014年12月09日 10:00
  • 1914
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:checkbox与radio
举报原因:
原因补充:

(最多只允许输入30个字)