时间:2021-07-01 10:21:17 帮助过:10人阅读
- <br><input type="radio" name="city" value="BeiJing">北京 <br><input type="radio" name="city" value="TianJin">天津 <br><input type="radio" name="city" value="NanJing">南京 <br><input type="radio" name="city" value="YangZhou">扬州 <br><input type="radio" name="city" value="SuZhou">苏州 <br> <br>1、获取选中的radio的值: <br><br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li>$("input[name='city']:checked").val(); <br><br> 使用元素选择器,再使用属性过滤器name='city',最后使用:checked选取被选中的元素。 <br><br>2、给指定值的radio设置选中状态: <br><br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li>$("input[name='city'][value='YangZhou']").attr("checked",true); <br><br> 给name="city"而且value="YangZhou"的radio设置选中状态。 <br><br>3、取消name="city"的radio的选中状态: <br><br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li>$('input[name="city"]:checked').attr("checked",false); <br><br> 4、获取name="city"的radio的个数: <br><br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li>$("input[name='city']").length; <br><br> 5、获取name="city"而且索引是偶数的radio: <br><br><span><u></u></span> 代码如下:$("input[name='city']:even"); <br><br> 索引是从0开始的。 <br><br> 6、获取name="city"而且索引是奇数的radio: <br><br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li>$("input[name='city']:odd"); <br><br> 索引是从0开始的。 <br><br> 7、迭代radio: <br><br><span><u></u></span> 代码如下:$("input[name='city']").each(function(i,obj){ <br>//i,迭代的下标,从0开始 <br>//obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值 <br>//$(this);当前jQuery对象,可以使用$(this).val()获取属性值 <br>}); <br> <br> 迭代name="city"的radio。 <br><br> 8、禁用radio: <br><br><span><u></u></span> 代码如下:$("input[name='city']").attr("disabled",true); <br><br> 禁用name="city"的radio。 <br><br> 9、启用radio: <br><br><span><u></u></span> 代码如下:$("input[name='city']").attr("disabled",false); <br><br> 启用name="city"的radio。</li><li> </li><li> </li></ol></pre></li></ol></pre></li></ol></pre></li></ol></pre></li></ol></pre>