189 8069 5689

jquery判断radio是否选中的方法

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

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

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

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

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

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

代码如下:





JQuery radio


 /*------判断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是否选中的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


本文标题:jquery判断radio是否选中的方法
网站地址:http://cdxtjz.cn/article/pgoidg.html

其他资讯