jQuery 操作Radio


1、改变radio的选择,触发一些效果

  1. $("input:radio[name='dialCheckResult']").change(function (){ //拨通
  2. alert(“123”);
  3. });

2、让页面中所有的radio可用。

  1. $("input:radio").attr("disabled",false);

3、让页面中所有的radio不可用。

  1. $("input:radio").attr("disabled","disabled");

4、让某个radio置于选中状态。

  1. $("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);

5、让页面中“未选中”状态的radio不可用。

  1. $("input:radio:not([checked])").attr("disabled","disabled");

6、遍历选中状态的radio,除了某一个radio之外,其他的“选中”状态的radio设定是“未选中”状态。

  1. $('input:radio:checked').each(function(i,val){
  2. if(val.name != "dialCheckResult" ){
  3. $("input:radio[name='"+val.name+"']:checked").attr('checked',false);
  4. }
  5. });

7、让所有“未选中”状态的radio不可用。

  1. $("input:radio:not([checked])").attr("disabled","disabled");

8、获得某个选中的特定NAME的radio的值。

  1. var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;

9、让所有“选中”状态的radio置于“未选中”状态。

  1. $('input:radio:checked').attr('checked',false);

10、让页面中的radio都置于“选中”状态或“未选中”状态。

  1. $("input:radio").attr("checked",true);
  2.  
  3. $("input:radio").attr("checked",false);

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

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

15、取radio的值:

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

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

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

运行一下 »