使用JQUERY操作Radio

发展中经常使用Radio为了实现用户的选择的影响。我在该项目中使用的一些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);

时间: 2024-08-26 06:02:28

使用JQUERY操作Radio的相关文章

jQuery操作radio、checkbox、select示例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> jQuery操作radio.checkbox.select示例 </title> <meta name="Generator" con

jquery操作radio(单选按钮):动态选中、取值

jquery确实要比js用起来方便多了,尤其是在操作网页里的表单项方面,这章站长和大家分享用Jquery操作单选按钮radio,实现动态选中某个单选按钮和读取选中的单选按钮的值的方法, 本文来自天使建站 www.angelweb.cn 先来看一个实例及代码: <script> $(":radio[name='angelasp'][value='angel']").attr("checked","true"); </script&

利用JQUERY操作Radio

在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴. 1.改变radio的选择,触发一些效果 $("input:radio[name='dialCheckResult']").change(function (){                    //拨通 alert("123"); }); 2.让页面中所有的radio可用. $("input:radio&

jQuery操作radio、checkbox、select总结

本文转自:http://tiame.iteye.com/blog/1493261 1.radio:单选框 HTML代码: Html代码   <input type="radio" name="radio" id="radio1" value="1" />1 <input type="radio" name="radio" id="radio2" va

jQuery操作radio、checkbox、select 集合

1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" value="1" />1 <input type="radio" name="radio" id="radio2" value="2" />2 <input type="radi

jquery实用应用之jquery操作radio、checkbox、select

本文收集一些jquery的实用技巧,非常实用的哦,其中对radio.checkbox.select选中与取值的方法. 获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].sele

jquery操作radio

<input type="radio" id="radio1" name="houseType" checked="checked" value="2">新盘 <input type="radio" id="radio1" name="houseType" value="1">二手盘 1.获取单选框选中的

jquery操作radio单选按钮、checked复选框。

一.radio 取值: $('input[name=radio]:checked').val(); 二.checked 判断checked是否被选中 $("input[type='checkbox']").is(':checked') 返回结果:选中为true,未选中为false 注意事项: jq重复操作radio.checked的时候无效,使用prop,prop存在于jq高版本中. 设置选中 $("input[name=checked][value=A]").pr

jquery操作radio,checkbox

1. 获取radio选中的value. $('input:radio[name=sex]:checked').val(); 2. 选择 radio 按钮 (Male). $('input:radio[name=sex]:nth(0)').attr('checked',true);或者$('input:radio[name=sex]')[0].checked = true; 3. 选择 radio 按钮 (Female). $('input:radio[name=sex]:nth(1)').att