在开发中经常会用到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","disable...
本文实例讲述了jquery获取radio值的方法,分享给大家供大家参考。具体如下: 单选组radio: 代码如下:$("input[@type=radio][@checked]").val(); 单选组 radio: 代码如下:$("input[@type=radio]").attr("checked",2);//设置value=2的项目为当前选中项 获取一组radio被选中项的值代码如下:var item = $(input[@name=items][@checked]).val(); radio单选组的第二个元素为当前选中值代码如下:$(input[@name=items]).get(1).checked...
单选组radio: $("input[@type=radio][@checked]").val(); 单选组radio: $("input[@type=radio]").attr("checked",2);//设置value=2的项目为当前选中项 获取一组radio被选中项的值 var item = $(input[@name=items][@checked]).val(); radio单选组的第二个元素为当前选中值 $(input[@name=items]).get(1).checked = true 单选组 radio: $("input[@type=radio]").attr("checked",2);//设置value=2的项目为当前选中项 jquery老的版...
本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。 <!DOCTYPE HTML> <html> <head> <title>单选按钮取消选中的三种方式</title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> </script> <script type="text/javascript"> $(function(){ // var $browsers = $("input[name...
input: var xxx = $(#ID).val() --------------------------------------------------------------------------------- checkbox: var xxx = [ ]; $(input[name=MyName]:checked).each(function(index, element) { xxx.push($(element).val()); // 或者 xxx.push($(this).val()); });注意:这里没有基于ID,有些不严谨。如果你的checkbox元素是某个容器的子元素(假设容器的id为con_id),则可以这样选择: ====== $(#con_id input...
代码如下:<ul> <li> <input type="radio" name="radio" value="前台支付 " id="radio" />前台支付 ——如需整晚保留,请预付房费。 </li> <li> <input type="radio" name="radio" value="担保支付" id="radio" />担保支付 ——稍后客服人员会致电与您联系, 并确认担保需要的信息。 </li> </ul> 代码如下:var chkObjs=null; var obj=document.getElementsByName("radio")for (var i=0;i<obj.length;i++){ //遍历Radio if(obj[i]....
<input name="study" type="radio" value="Jquery插件教程">Jquery插件教程<input name="study" type="radio" value="Jquery学习">Jquery学习<input name="study" type="radio" value="PHP学习">PHP学习<input id="tijiao" type="button" value="确定"><input id="set_jqeury_study" title="Jquery学习" type="button" value="将radio设定为Jquery学习"><input name="study" type="text" value="请输入您想学到的知识"><input id="...
本文提供了三种取消选中radio的方式,代码示例如下: 本文依赖于jQuery,其中第一种,第二种方式是使用jQuery实现的,第三种方式是基于JS和DOM实现的。 代码如下:<!DOCTYPE HTML> <html> <head> <title>单选按钮取消选中的三种方式</title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> </script> <script type="text/javascript"> $(function(){ // var $browsers = $("input[nam...
//如果之前有选中的,则把选中radio取消掉$("#tj_cat .pro_category").each(function(){ if ($(this).attr('checked')){ $(this).attr('checked' ,false); }});//获取被选中的标签的值radio:(checkbox和这个一样) var val=$('input:radio[name="sex"]:checked').val(); //下面的写法也可以//var val=$('.sexclass:checked').val();select:var sel_val=$("select[id='shuini'] option:...
$("input[name=radio_name][checked]").val(); //选择被选中Radio的Value值$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发$("#text_id").select(); //使文本框的Vlaue值成选中状态$("input[name=radio_name][value=要选中Radio的Value值").attr("checked",true); //根据Value值设置Radio为选中状态 jQuery获取Ch...
例如: 代码如下:<li><input type="radio" name="zt" value="1"></li> <li><input type="radio" checked="checked" name="zt" value="2"></li> <li><input type="radio" name="zt" value="3"></li> 其中name属性值肯定是一样的,接下来用js获取选中的值: 代码如下:var zt = document.getElementsByName("zt"); for(var i=0;i<zt.length;i++){ if(zt[i].checked) { alert(zt[i].value); } } 用一for循环就搞定了。
以下是网上摘下的文章(未测试但很规范可以模仿) 代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>text</title> <script> var chk = 0; window.onload=function (){ var chkObjs = document.getElementsByName("radio"); for(var i=0;i<chkObjs.length;i++){ if(chkObjs[i].checked){ chk = i; break; } } } function check_radio(){ var chkObjs = document.getElementsB...
JQuery获取选中的radio $('input:radio[name="sex"]:checked') Jquery选中或取消radio $("#tradeType0").attr("checked","checked"); $("#tradeType1").attr("checked",false);
代码如下:<pre class="html" name="code"> <%--Body 代码--%> <div> <asp:RadioButtonList ID="RadioButtonList1" runat="server"> <asp:ListItem Value="A">a</asp:ListItem> <asp:ListItem Value="B">b</asp:ListItem> </asp:RadioButtonList> <asp:RadioButton ID="RadioButton1" GroupName="RBtn" Text="男" runat="server" Checked="true" /> <asp:RadioButton ID="RadioButton2" GroupName="RBtn" Text="女" runat="server" ...
当选择“女”时,显示“美女、才女”;当选择“男”时,隐藏 aspx 页面内容: 代码如下:<head runat="server"> <title>用RadioButten(或CheckBox)实现div的显示与隐藏</title> <script type="text/javascript" language="javascript"> function show2() { if (document.getElementById("Radio2").checked) { document.getElementById("nvInfo").style.display = "block"; } else { document.getElementById("nvInfo").style.dis...