checkbox与radio

来源：互联网发布：工龄算法编辑：程序博客网时间：2024/05/04 16:55

今天遇到个问题，先是

$(":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

0 0