| 标题 | html中radio值的获取、赋值、注册事件示例详解 |
| 范文 | 1，radio分组 只要name一样，就是一组的，即一组中只能选择一个，如下： 代码如下: <span>group1:</span> <inputtype="radio"id="radio1"checked="checked"name="group1"/>radio1 <inputtype="radio"id="radio2"name="group1"/>radio2 <inputtype="radio"id="radio3"name="group1"/>radio3 <span>group2:</span> <inputtype="radio"id="radio4"checked="checked"name="group2"/>radio4 <inputtype="radio"id="radio5"name="group2"/>radio5 <inputtype="radio"id="radio6"name="group2"/>radio6 2，获取选中的radio节点 使用jquery可以很方便做到，先选择group，然后过滤出checked的，如下： 代码如下: vargroup1=$("[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中任何一个有选中的，就会触发函数。 |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。