<input type="radio" name="city" value="BeiJing">北京
<input type="radio" name="city" value="TianJin">天津
<input type="radio" name="city" value="NanJing">南京
<input type="radio" name="city" value="YangZhou">扬州
<input type="radio" name="city" value="SuZhou">苏州
1、获取选中的radio的值
$("input[name='city']:checked").val();
使用元素选择器,再使用属性过滤器name='city',最后使用:checked选取被选中的元素。
2、给指定值的radio设置选中状态
$("input[name='city'][value='YangZhou']").attr("checked",true);
给name="city"而且value="YangZhou"的radio设置选中状态。
3、取消name="city"的radio的选中状态:
$('input[name="city"]:checked').attr("checked",false);
4、获取name="city"的radio的个数:
$("input[name='city']").length;
5、获取name="city"而且索引是偶数的radio:
$("input[name='city']:even");
索引是从0开始的。
6、获取name="city"而且索引是奇数的radio:
$("input[name='city']:odd");
索引是从0开始的。
7、迭代radio:
$("input[name='city']").each(function(i,obj){
//i,迭代的下标,从0开始
//obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值
//$(this);当前jQuery对象,可以使用$(this).val()获取属性值
});
迭代name="city"的radio。
8、禁用radio:
$("input[name='city']").attr("disabled",true);
禁用name="city"的radio。
9、启用radio:
$("input[name='city']").attr("disabled",false);
启用name="city"的radio。
分享到:
相关推荐
在Web前端开发中,操作单选按钮(input type="radio")是经常遇到的需求。借助jQuery库可以非常方便地进行操作。以下知识点涵盖了使用jQuery操作单选按钮的各种方法及其应用场景。 知识点一:获取选中的单选按钮的...
input type="radio" name="loaders" value="circular-loading" checked="checked"/> <span>circular</span> </label> <label> <input type="radio" name="loaders" value="circle-loading"/> <span>...
1、总是使用#id去寻找element. 在jQuery中最快的选择器是ID选择器 ($(‘#someid’)). 这是因为它直接映射为JavaScript的...input type=radio class=on name=light value=red /> Red</li> <li><input
<input type="radio" name="a"/>1<input type="radio" name="a"/>2<br/> <input type="reset" /><br/> <input type="submit" value="提交"/><br/> <input type="text" /><br/> <select><option>Option</option>...
jquery取radio单选按钮的值$(“input[name=’items’]:checked”).val();jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(...
<label><input type="radio" name="sex" value="男" checked="checked" />男</label> <label><input type="radio" name="sex" value="女" />女</label> </div> </td> </tr> <tr> <td class=...
创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。 jQuery 代码: // 在 IE 中无效: $("<input>").attr("type", "checkbox"); // 在 IE 中有效: $("<input type='...
<i class='input_style radio_bg'><input type="radio" name="hot" value="1"></i> a1 </lable> <lable> <i class='input_style radio_bg'><input type="radio" name="hot" value="2"></i> ...
- **单选按钮**(Radio buttons):`<input type="radio">`,如`<input type="radio" name="sex" value="男"/>`,用户只能选择其中一个选项。通过`name`属性定义同一组的单选按钮,`value`定义其值。 - **复选框**...
<input name="radio" type="radio" class="mui-radio">Item 5 </li> <li class="mui-table-view-cell mui-radio mui-left"> <input name="radio" type="radio">Item 6 </...
<input type="radio" name="rdo" class="rdolist" checked="checked" /> <label class="rdobox"> <span class="check-image"></span> <span class="radiobox-content">男</span> </label> <!--多选--> <input ...
2. **其他输入类型**:`<input type="password">`密码框,`<input type="checkbox">`复选框,`<input type="radio">`单选按钮,`<select>`下拉菜单,`<textarea>`多行文本框。 3. **表单提交**:`<form>`标签定义...
<p><input type="radio" name="option" checked="checked" value="10" /></p> <p><input type="radio" name="option" value="20" /></p> <p><input type="radio" name="option" value="30" /></p> <input ...
3. `<input type="radio">`:定义了单选按钮,用于选择性别。 4. `<input type="checkbox">`:创建了复选框,允许用户选择多个兴趣爱好。 5. `<select>`和`<option>`:定义了一个下拉菜单,展示不同的学历选项。 6. ...
<input type="radio" id="option1" name="choice" value="1"> <label for="option1">选项1</label> <input type="radio" id="option2" name="choice" value="2"> <label for="option2">选项2</label> ``` 3. *...
<input type="radio" name="choice" id="option1" value="1"> 选项一<br> <input type="radio" name="choice" id="option2" value="2"> 选项二<br> <input type="radio" name="choice" id="option3" value="3"> ...
<input type="radio" name="rating" value="1" id="star1"> <label for="star1">1</label> <input type="radio" name="rating" value="2" id="star2"> <label for="star2">2</label> <input type="radio" name=...
2. **单选按钮**(`<input type="radio">`)和**复选框**(`<input type="checkbox">`):这些组件会被包装在`.ui-radio`或`.ui-checkbox`容器中,提供视觉反馈。 3. **下拉菜单**(`<select>`):在移动设备上,...
<input type="radio" name="choice" id="choice1" value="1"> <label for="choice1">选项1</label> <input type="radio" name="choice" id="choice2" value="2"> <label for="choice2">选项2</label> <select...