jquery中如实现判断复选框是否选中,获取选中单选按钮的值,获取选中复选框的值

最新推荐文章于 2021-03-19 16:25:17 发布

Love丶兰

最新推荐文章于 2021-03-19 16:25:17 发布

阅读量1.2k

点赞数 1

分类专栏： jquery 文章标签： jquery 复选框获取值单选按钮选中

本文链接：https://blog.csdn.net/love_xiolan/article/details/51783516

版权

jquery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

jquery验证复选框是否选中

小弟今天弄复选框问题弄了很久,一直没弄出来,网上的代码也看了一堆,复制过来,将js引入,还是不行,迫不得已,找了一个大神问了一下,才知道原因,别的不多说,下面是代码

<!DOCTYPE html PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN" "http:/www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
    
    <input id="colorId" name="colorId" type="checkbox" value="1" />1
    <input id="colorId" name="colorId" type="checkbox" value="2" />2
    <input id="colorId" name="colorId" type="checkbox" value="3" />3
    <input id="colorId" name="colorId" type="checkbox" value="4" />4
    
    <button οnclick="checkedTest()">单机</button>
    
    
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女

</body>

<script type="text/javascript">

       $('input[name="sex"]:checked ').val();  //获取选中按钮的值

        function checkedTest(){
            var ch = $("input[name = 'colorId']");
            var flag = false;
            for(var i = 0;i<ch.length;i++){
                if(ch[i].checked){
                    flag = true;
                }
            }
            if(flag==false){
                alert("没有选中");
                return;
            }
        }
</script>
</html>

以下是获取复选框的值的方法

function getCheckBoxVal(el){
	var val = '';
	$('input:checkbox[name='+el+']:checked').each(function(i){
		if(0==i){
			val = $(this).val();
		}else{
			val += (","+$(this).val());
		}
	});
	return val;
}