当前位置: 首页 > 编程笔记 >

Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结

萧英睿
2023-03-14
本文向大家介绍Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结,包括了Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结的使用技巧和注意事项,需要的朋友参考一下

jquery取radio单选按钮的值 


$("input[name='items']:checked").val();  


另:判断radio是否选中并取得选中的值 
 
如下所示:

function checkradio(){ 

var item = $(":radio:checked"); 

var len=item.length; 

if(len>0){ 

  alert("yes--选中的值为:"+$(":radio:checked").val()); 

} 

} 


 
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).checked = true;  


    
获取值: 

文本框,文本区域:$("#txt").attr("value");  
多选框checkbox:$("#checkbox_id").attr("value");  
单选组radio: $("input[type=radio][checked]").val();  
下拉框select: $('#sel').val(); 

控制表单元素:   
 
文本框,文本区域:$("#txt").attr("value",'');//清空内容  


$("#txt").attr("value",'11');//填充内容  


   
多选框checkbox: $("#chk1").attr("checked",'');//不打勾  

 $("#chk2").attr("checked",true);//打勾   

 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾  

单选组radio: $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项  
 
下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项  


$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option   

$("#sel").empty();//清空下拉框  


    
刚开始接触jquery,很多东西不熟悉  
 
在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值 

后来终于在伟大的百度帮助下,找到了问题的原因:  
 
$("")是一个jquery对象,而不是一个dom element 
 
value是dom element的属性 

jquery与之对应的是val 
 
val() :获得第一个匹配元素的当前值。 
 
val(val):设置每一个匹配元素的值。 

所以,代码应该这样写: 
 
   
取值:val = $("#id")[0].value;  
赋值:  $("#id")[0].value = "new value";  
或者$("#id").val("new value"); 
或者这样也可以:val = $("#id").attr("value");
 

jQuery中each非常好用,常用它取代javascript的for循环
 
例如在一个function里有一个each,在each里某种条件 成立的话,就把这个function返回true或者false


function methodone(){ 

.... 

$.each(array,function(){ 

if(条件成立){ 

return true; 

} 

}); 

.... 

} 


结果发现老是不对。
 
后来查找资料才发现,在each代码块内不能使用break和continue,要实现break和continue的功能的话,要使用其它的方式
break----用return false;
continue --用return ture;
 
所以当我在each里想使用return true给这个function返回时,其实只是让each继续执行而以
连each都没有中断,所以function也就不能return了 
 
另:判断radio是否选中并取得选中的值
 
如下所示:

function checkradio(){ 

var item = $(":radio:checked"); 

var len=item.length; 

if(len>0){ 

  alert("yes--选中的值为:"+$(":radio:checked").val()); 

} 

} 

 类似资料:
  • 本文向大家介绍JQuery判断radio是否选中并获取选中值的示例代码,包括了JQuery判断radio是否选中并获取选中值的示例代码的使用技巧和注意事项,需要的朋友参考一下 其他对radio操作功能,以后在添加。直接上代码,别忘记引用JQuery包 网友评论:var boolCheck=$('input:radio[name="sex"]').is(":checked"); 比较好,这种方法较简

  • 本文向大家介绍jQuery判断checkbox是否选中的3种方法,包括了jQuery判断checkbox是否选中的3种方法的使用技巧和注意事项,需要的朋友参考一下 jQuery能够极大提高html的编写效率,其中checkbox的选中判断有几种: 1, $(checkbox的id).prop("checked") 返回的是一个boolean值类型 2, $(this).is(":checked")

  • 本文向大家介绍jquery判断checkbox是否选中及改变checkbox状态的实现方法,包括了jquery判断checkbox是否选中及改变checkbox状态的实现方法的使用技巧和注意事项,需要的朋友参考一下 jquery判断checked的三种方法: .attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或fals

  • 本文向大家介绍jQuery获取复选框被选中数量及判断选择值的方法详解,包括了jQuery获取复选框被选中数量及判断选择值的方法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery获取复选框被选中数量及判断选择值的方法。分享给大家供大家参考,具体如下: 获取复选框被选中值 JQuery获取被选中复选框checkbox的个数 通过jQuery获取checkbox选中项的个数,需要用

  • 本文向大家介绍jQuery获取选中单选按钮radio的值,包括了jQuery获取选中单选按钮radio的值的使用技巧和注意事项,需要的朋友参考一下   实例1:   获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');   获取被选中按钮的值 :var val_payPlatform = $('#wrap inpu

  • 本文向大家介绍JQuery控制radio选中和不选中方法总结,包括了JQuery控制radio选中和不选中方法总结的使用技巧和注意事项,需要的朋友参考一下 一、设置选中方法 二、设置选中和不选中示例 通过name 通过id 三、另一种设置选中方法 您的性别:  四、根据值设置radio选中 五、使用prop方法操作示例