标题 | 使用纯css禁用html中a标签无需JavaScript |
内容 | 1,radio分组 只要name一样,就是一组的,即一组中只能选择一个,如下: 代码如下: <span>group1:</span> <input type="radio" id="radio1" checked="checked" name="group1" />radio1 <input type="radio" id="radio2" name="group1" />radio2 <input type="radio" id="radio3" name="group1" />radio3 <span>group2:</span> <input type="radio" id="radio4" checked="checked" name="group2" />radio4 <input type="radio" id="radio5" name="group2" />radio5 <input type="radio" id="radio6" name="group2" />radio6 效果如下: ![]() 2,获取选中的radio节点 使用jquery可以很方便做到,先选择group,然后过滤出checked的,如下: 代码如下: var group1 = $("[name='group1']").filter(":checked"); console.log(group1.attr("id")); 3,选中一个radio节点 使用jquery设置checked属性: 代码如下: $("#radio2").attr("checked", "checked"); 4,去选中一个radio节点 移除checked属性: 代码如下: $("#radio1").removeAttr("checked"); 这样做的结果可能造成一组radio中没有一个处于选中状态。 5,注册选中去选中事件 还是使用jquery的on函数来注册change事件,如下: 代码如下: $("[name='group1']").on("change", function (e) { console.log($(e.target).val()); } ); 这样只要group1中任何一个有选中的,就会触发函数。 |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。