在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
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中任何一个有选中的,就会触发函数。 |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论