今天小编跟大家讲解下有关html中radio值的获取、赋值、注册事件示例详解 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关html中radio值的获取、赋值、注册事件示例详解 的相关资料，希望小伙伴们看了有所帮助。
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中任何一个有选中的 就会触发函数。来源：爱蒂网
