简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
Home > Web Front-end > JS Tutorial > body text

JQuery判断radio（单选框）是否选中和获取选中值方法总结_jquery

WBOY
Release： 2016-05-16 16:03:57
Original
6492 people have browsed it

一、利用获取选中值判断选中

直接上代码，别忘记引用JQuery包

复制代码 代码如下:





JQuery radio



 


男
女


十分满意
满意
不满意
非常差






radio不能用“checked”相等来判断，只用用true来判断   

复制代码 代码如下:







二、使用checked属性判断选中

radio不能用“checked”相等来判断，只用用true来判断   

复制代码 代码如下:







三、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());
}
}

四、获取一组radio被选中项的值  

复制代码 代码如下:

var item = $('input[name=items][checked]').val();  

五、设置单选按钮被选中

复制代码 代码如下:

$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项  
Related labels：
jquery Single box
source：php.cn
Previous article：jquery实现简单的无缝滚动_jquery Next article：JQuery CheckBox（复选框）操作方法汇总_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Steps to install jQuery in Nuxt.js Although I try to add jQuery in my project, I get an error saying it's not defined. plugin...
From 2023-11-06 16:41:50
0
1
225
jQuery getting wrong value when getting data attribute I have a div with data attribute <divclass='p1'data-location='1'></div> I have...
From 2023-11-01 23:01:19
0
1
209
Support jQuery's Transfer-Encoding:chunked I'm a web developer. In my script I use header() to set "Transfer-Encoding:chunked&qu...
From 2023-10-25 23:44:37
0
1
230
How to get the natural dimensions of an image using JavaScript or jQuery? So far I have this code: varimg=document.getElementById('draggable'); varwidth=img.clientW...
From 2023-10-21 13:53:08
0
2
275
Automatically expand text area I'm trying to make a simple auto-expanding text area. This is my code: textarea.onkeyup=fu...
From 2023-10-21 08:49:23
0
2
225
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！