jquery 中的radio的属性设置

最新推荐文章于 2025-06-13 11:22:54 发布

原创最新推荐文章于 2025-06-13 11:22:54 发布 · 3.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

前端专栏收录该内容

17 篇文章

订阅专栏

本文详细探讨了在jQuery中如何使用各种function来设置和处理radio按钮的属性，满足不同场景的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将后端返回值取出，并取出单选框所对应的值（d_date），利用嵌套的三目运算判断前后端日期，从而保持单选框的状态。

<input type="radio" id="radio1"  name="d_date" ${not empty frmFzcx.d_date ? (frmFzcx.d_date == map.d_date ?  "checked" : "") : (cnt.index == 0 ? "checked" : "")} 
value="${map.d_date }" >${map.d_date }

对应的function 可以有很多种设置方法，都能满足需求

  form0.submit(); 
//  		$("input[type='radio']:checked").attr("checked",true);
//  		$("input[type='radio']").eq(1).is(':checked');  			
//  		$("input[type='radio']").eq(1).attr('checked')=='checked'; 			
//  		$("#radio1").attr("checked",true);	
  		$("#(cnt.index == 0 ? 'checked' : '' )").attr("checked",true);

以下部分转载自多个不同文章
一：jQuery操作<input type="radio">
点击打开链接;http://blog.youkuaiyun.com/chelen_jak/article/details/27202799
<input type="radio">如下：

[html] view plain copy
<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的值：

[html] view plain copy
$("input[name='city']:checked").val();
　　使用元素选择器，再使用属性过滤器name='city'，最后使用:checked选取被选中的元素。

　　2、给指定值的radio设置选中状态：

[html] view plain copy
$("input[name='city'][value='YangZhou']").attr("checked",true);
　　给name="city"而且value="YangZhou"的radio设置选中状态。

　　3、取消name="city"的radio的选中状态：

[html] view plain copy
$('input[name="city"]:checked').attr("checked",false);
　　4、获取name="city"的radio的个数：

[html] view plain copy
$("input[name='city']").length;
　　5、获取name="city"而且索引是偶数的radio:

[html] view plain copy
$("input[name='city']:even");
　　索引是从0开始的。

　　6、获取name="city"而且索引是奇数的radio:

[html] view plain copy
$("input[name='city']:odd");
　　索引是从0开始的。

　　7、迭代radio:

[html] view plain copy
$("input[name='city']").each(function(i,obj){
//i,迭代的下标，从0开始
//obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值
//$(this);当前jQuery对象,可以使用$(this).val()获取属性值
});
　　迭代name="city"的radio。

　　8、禁用radio:

[html] view plain copy
$("input[name='city']").attr("disabled",true);
　　禁用name="city"的radio。

　　9、启用radio:

[html] view plain copy
$("input[name='city']").attr("disabled",false);
　　启用name="city"的radio。

二：利用jquery操作Radio方法小结
点击打开链接 http://www.jb51.net/article/56465.htm
1、改变radio的选择，触发一些效果
$("input:radio[name='dialCheckResult']").change(function (){ //拨通
alert(“123”);
});
2、让页面中所有的radio可用。
$("input:radio").attr("disabled",false);
3、让页面中所有的radio不可用。
$("input:radio").attr("disabled","disabled");
4、让某个radio置于选中状态。
$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);
5、让页面中“未选中”状态的radio不可用。
$("input:radio:not([checked])").attr("disabled","disabled");
6、遍历选中状态的radio，除了某一个radio之外，其他的“选中”状态的radio设定是“未选中”状态。
$('input:radio:checked').each(function(i,val){
if(val.name != "dialCheckResult" ){
$("input:radio[name='"+val.name+"']:checked").attr('checked',false);
}
});
7、让所有“未选中”状态的radio不可用。
$("input:radio:not([checked])").attr("disabled","disabled");
8、获得某个选中的特定NAME的radio的值。
var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;
9、让所有“选中”状态的radio置于“未选中”状态。
$('input:radio:checked').attr('checked',false);
10、让页面中的radio都置于“选中”状态或“未选中”状态。
$("input:radio").attr("checked",true);
$("input:radio").attr("checked",false);