jquery判断radio是否选中的方法

这篇文章给大家分享的是有关jquery判断radio是否选中的方法的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

高碑店网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。成都创新互联自2013年创立以来到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。

jquery判断radio是否选中的方法：1、利用获取选中值判断选中；2、使用checked属性判断选中；3、 jquery获取radio单选按钮的值；4、设置单选按钮被选中。

jquery判断radio是否选中的方法：

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

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

代码如下:

 /*------判断radio是否有选中，获取选中的值--------*/
    $(function(){
         $("#btnSubmit").click(function(){
            var val=$('input:radio[name="sex"]:checked').val();
            if(val==null){
                alert("什么也没选中!");
                return false;
            }
            else{
                alert(val);
            }
            var list= $('input:radio[name="list"]:checked').val();
            if(list==null){
                alert("请选中一个!");
                return false;
            }
            else{
                alert(list);
            }           
         });
     });


 


男
女

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

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

代码如下:

        $(function () {
            $("input").click(function () {
                if ($(this).attr("checked")) {
                    alert("选中了");
                }
            });
        });
    

二、使用checked属性判断选中

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

代码如下:

        $(function () {
            $("input").click(function () {
                if ($(this).attr("checked")) {
                    alert("选中了");
                }
            });
        });
    

三、jquery获取radio单选按钮的值  

另：判断radio是否选中并取得选中的值

代码如下:

function checkradio(){ 
var item = $(":radio:checked"); 
var len=item.length; 
if(len>0){ 
  alert("yes--选中的值为："+$(":radio:checked").val()); 
} 
}

四、设置单选按钮被选中

代码如下:

$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

感谢各位的阅读！关于jquery判断radio是否选中的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！