【Jquery获取radio选中值实例总结】教程文章相关的互联网学习教程文章

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...

Jquery 获取表单text,areatext,radio,checkbox,select值的代码

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).che...

LazyForm jQuery plugin 定制您的CheckBox Radio和Select【图】

在下面浏览器下测试通过:Firefox, IE7, IE8, Google浏览器。 (IE6还是算了吧),其它浏览器还没试过。 目前刚添加了4个皮肤,添加新皮肤非常方便,您可以参考已添加的皮肤图片和css代码,相信您会很快搞定。 效果截图: 一、在没有使用LazyForm的情况下,在XP下运行截图如下 二、使用LazyForm(皮肤Blue)效果如下三、使用LazyForm(皮肤Black)效果如下四、皮肤Default五、皮肤Graydemo.html代码如下: 代码如下:<!DOCTYPE html PUB...

实例 - 相关标签