随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上。Radio 1.获取选中值,三种方法都可以:$(input:radio:checked).val(); $("input[type=radio]:checked").val(); $("input[name=rd]:checked").val();2.设置第一个R...
这篇文章主要介绍了jQuery设置单选按钮radio选中/不可用的实例代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下因为本 part 是“jQuery日常使用篇”,所以都是由具体需求出发,总结需要用到的知识点。代码写得未必很好,达到目标就好。那么我们先来看看这次的需求:色块模式基于彩色模式,即开了彩色才能开色块,彩色处于关闭的时候色块不可用,开启彩色时色块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(); 使用元素选择器,再使用属性过滤器name=cit...
001 jquery取radio单选按钮的值 002 003 $("input[name=items]:checked").val(); 004 另:判断radio是否选中并取得选中的值 005 006 如下所示: 007 function checkradio(){ 008 var item = $(":radio:checked"); 009 var len=item.length; 010 if(len>0){ 011 alert("yes--选中的值为:"+$(":radio:checked").val()); 012 } 013 } 014 015 01...
1 2 3根据索引值设置任意一个radio为选中值: $('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....? 或者? $('input:radio').slice(1,2).attr('checked', 'true');? 根据Value值设置Radio为选中值 $("input:radio[value='rd2']").attr('checked','true');? 或者? $("input[value='rd2']").attr('checked','true');?
jquery 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("checked", true)= attr("checked", true) 3.设置最后一个Radio为选中...
jquery获取radio被选中的值: 1 2 3三种方法都可以: $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); jquery获取select被选中的值:option1option2option3option4获取选中项的Value值: $('select#sel option:selected').val(); 或者 $('select#sel').find('option:selected').val();获取选中项的Text值: $('select#seloption:selected').text(); 或者 $('sele...
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、让页面中“未选中”状态的radi...
控制表单元素: 文本框,文本区域: $("#txt").attr("value")或者$("#txt").val()//获取值 $("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容 多选框checkbox: $("#checkbox_id").attr("value")或者$("#checkbox_id").val();//获取值 $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')) //判断是否已经打勾 单选组radio: $("input[ty...
在下面浏览器下测试通过:Firefox, IE7, IE8, Google浏览器。 (IE6还是算了吧),其它浏览器还没试过。 目前刚添加了4个皮肤,添加新皮肤非常方便,您可以参考已添加的皮肤图片和css代码,相信您会很快搞定。 效果截图: 一、在没有使用LazyForm的情况下,在XP下运行截图如下 二、使用LazyForm(皮肤Blue)效果如下三、使用LazyForm(皮肤Black)效果如下四、皮肤Default五、皮肤Graydemo.html代码如下: 代码如下: demo-lazyform ...
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...
代码如下: $("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).a...
代码如下:var gender = $("input:checked").val();
新版本(目前1.3.2): $("[name='radio_name'][checked]").val(),或者$("input[name='radio_name']:checked").val() 老版本: $("[@name='radio_name'][checked]").val(),或者$("[@name='radio_name']:checked").val() 不同之处在于老版本多了一个@符号
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(f...