jQuery 操作Radio


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);

11、获取一组radio被选中项的值 

var item = $('input[name=items][checked]').val(); 
12、radio单选组的第二个元素为当前选中值 
$('input[name=items]').get(1).checked = true; 
13、单选组radio: 
 $("input[type=radio][checked]").val(); 
14、单选组 radio:   
$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 

15、取radio的值:

$("input[name='radioName'][checked]").val(); 

16、给radio 赋值, 选中值为2的radio:

$("input[name='radioName'][value=2]").attr("checked",true); 

运行一下 »