【JQuery判断radio是否选中并获取选中值的示例代码_jquery】教程文章相关的互联网学习教程文章

JQUERY对单选框(radio)操作的小例子

代码如下:<asp:RadioButtonList runat="server" ID="rblShow" class="show" RepeatDirection="Horizontal"> <asp:ListItem Text="是" value="1" /> <asp:ListItem Text="否" value="0"/> </asp:RadioButtonList> <p class="isShow" style="width: 500px"> 测试文字 </p>然后在脚本js中添加Jquery引用后。代码如下:<script type="text/javascript"> $(fu...

Struts2的s:radio标签使用及用jquery添加change事件

struts2中s:radio标签的使用总结 遇到的问题:在使用该标签时,设置了默认选中项,但提交数据返回后,单选框不能显示之前选中的项,仍然为默认选项 通过测试得出以下结论: 以<s:radio name="user.sex" list="%{#{'1':'男','0':'女'}}" theme="simple"></s:radio>为例 在使用s:radio标签的时候,如果要使该标签默认选中一项,可以通过两种方法 1、通过js代码实现 代码如下:document.getElementsByName(user.sex)[0].checked=true;...

JQuery触发radio或checkbox的change事件

早上要做一功能,checkbox被选中时,显示隐藏的层,取消选中时,再隐藏选中的层。 初始代码如下: 代码如下:$(function(){ $("#ischange").change(function() { alert("checked"); }); }); 捣腾了半天,竟然一点反应都没有。百度了下,有高人指出上面几行代码在Firefox等浏览器中可以正常运行,即你选中复选框或取消复选框都会弹出一个对话框,但是在IE中却不会正常执行,即选中或取消复选框不会立即弹出对话框。 必须在选中或取...

jQuery操作input type=radio的实现代码

<input type="radio">如下: 代码如下:<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的值: 代码如下:$("input[name=city]:checked").val();   使用元素选择器,再使...

ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList【图】

界面代码: 代码如下:<form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding="3" cellspacing="3"> <tr> <td> 请选择汽车类型: </td> </tr> <tr> <td> <asp:RadioButtonList ID="rbCar" runat="server"> <asp:ListItem Value="1" Text="奔驰汽车"></asp:ListItem> <asp:ListItem Value="2" Text="宝马汽车"></asp:ListItem> <asp:ListItem Val...

Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码【图】

由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上Radio 1.获取选中值,三种方法都可以: $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: $('input:radio:first').attr('checked', 'checked'); 或者 $('input:radio:first').attr('checked', 'true'); 注: attr("checked",'checked')= attr("c...

JQuery扩展插件Validate—6 radio、checkbox、select的验证【图】

效果如下所示: 解决这个问题的办法是将错误信息指定到一个特定的位置,validate()方法的参数中可以进行自定义,示例代码如下: 代码如下:<script type="text/javascript"> jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法,                     //验证方法参数(被验证元素的值,被验证元素,参数) var exp = new R...

JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结

一: DropDownList ------------------------------------------------------------------------------------------- 在使用 JQuery 进行遍历操作时, $("input").each(function(i) { ...... } 当操作对象的类型为 dropdownlist时:(备注:在firefox下DropDownList的类型为"select-one") 获得所选中的值: $(this).val(); (如果不是遍历操作时,$(this) 就替换成 $('#控件的Id') ) 获取选中的文本: $(this).find("option:selected...

jquery radio 操作代码

//设置第二个为选中状态 //if(<%=rows["sex"]%>=="2"){$(':radio[name=sex]').eq(1).attr('checked',true);} //设计value=2的为选中状态 //if(<%=rows["sex"].ToString() %>=='2'){$("input[name='sex']").attr("checked",'2');} if(<%=rows["sex"]%>=="2"){$("input[name=sex][value=2]").attr("checked",true);} 今天办了件NB的事上面这三个条件都测试了不起作用,原因是不是本地数据库一直在远程数据库操作 JQuery 得到radio 代...

使用jquery与图片美化checkbox和radio控件的代码(打包下载)【图】

效果图: HTML: 代码如下:<div id="chklist" style="padding:10px; font-size:14px; "> <input type="checkbox" value=1 /><label>aaaaaa</label> <input type="checkbox" value=2 /><label>bbbbbb</label> <input type="checkbox" value=3 /><label>ccccc</label> <input type="checkbox" value=4 /><label>ddddd</label> </div> <div id="radiolist" style="padding:10px; font-size:14px; "> <input name=r type="radio" value=...

jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值

—、获取dropdownlist的text(ddlList为服务器端dropdownlist的ID,生成name属性等于ddlList的select标签)   $("#ddlList option:selected").text() 二、获取dropdownlist的value(ddlList为服务器端dropdownlist的ID,生成name属性等于ddlList的select标签)   $("#ddlList").val() 三、获取radiobuttonlist的text(rbtList为服务器端radiobuttonlist的ID,生成name属性等于rbtList的一组input标签)   $("input[name='rbt...

关于juqery radio写法的兼容性问题(新老版本jquery)

如下: 代码如下:$("input[name=isIel][checked]").val() $("[name=isIel][checked]").val() == 上面这些只适合低版本IE(IE6及以下) 更高版本IE或火狐需要改成 $("input[name=isIel]:checked").val() 测试jquer版本1.4 、 1.3.2新老版本juqery获取radio的方法 今天换了个高版本的jquery,发现原先运行正常的方法报错了,仔细搜查后得出jquery获取radio 的方法如下:新版本(目前1.3.2,1.4.2): $("[name=radio_name][checked]...

Jquery操作radio,checkbox,select表单操作实现代码【图】

一 、Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_...

jquery checkbox,radio是否选中的判断代码

1:判断radio 代码如下:var selected = $(input[name=selectid:checked]).val();//若未被选中 则val() = null if(selected == null){ alert("未选中!"); }else{ alert("选中!"); } 2:判断checkbox 代码如下:var n = $("input:checked").length; if(n==0){ alert("未选中!"); }else{ alert("选中!"); } $("div").text(n + (n <= 1 ? " is" : " are") + " checked!"); 3:checkbox数组全选、取消全选 $("#selAll").click(fun...

使用jQuery获取radio/checkbox组的值的代码收集

代码如下:<!-- $("document").ready(function(){ $("#btn1").click(function(){ $("[name=checkbox]").attr("checked",true);//全选 }) $("#btn2").click(function(){ $("[name=checkbox]").removeAttr("checked");//取消全选 }) $("#btn3").click(function(){ $("[name=checkbox]:even").attr("checked",true);//选中所有奇数 }) $("#btn4").click(function(){ $("[name=checkbox]").each(function(){//反选 if($(this).attr("che...