checkbox,js验证必须选择一个

最新推荐文章于 2022-05-01 12:15:35 发布

wust_star

最新推荐文章于 2022-05-01 12:15:35 发布

阅读量6.7k

点赞数 2

分类专栏： JS 文章标签： input function query action mysql class

本文链接：https://blog.csdn.net/wust_star/article/details/8029621

版权

JS 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

Js:

 var obj = document.getElementsByName('cat4[]');
    var count=obj.length;
    var j=0;
    for(var i=0;i<count;i++)
    {
        if (obj[i].checked){
            j++;
        }
    }
    if(j==0)
    {    
        alert("搜尋欄2至少选择一个！！");
        return false;
    }

html：

<td width="75%" class="table_content">
<?php	
    $other_query = RunQuery("select * from `other_val` where `type`='district'");
    while ($other = mysql_fetch_assoc($other_query)){
	echo "<input type=\"checkbox\" name=\"cat4[]\" id=\"cat5_".$other['id']."\" class=\"content\" value=\"".$other['id']."\" />";
	echo "<label for=\"cat4_".$other['id']."\">".$other['name']."</label>";
	echo "   ";
    }
    mysql_free_result($other_query);	
?>
</td>

在网络上也有网友的正确答案，一并收藏：

我用JQUERY帮你写的
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $( function(){
        var check_box = function(){
            $i = 0;
            $( ':input:checkbox' ).each( function(){
                if( $( this ).is( ':checked' ) ){
                    $i++;
                }
            } );
            if( $i == 0 ){
                alert( '至少选择一个!' );
                return false;
            }else{
                return true;
            }
        }
        $( 'form' ).bind( 'submit', check_box );
    } );
</script>
<form name="myform" action="">
<input type="checkbox" name="checkThis[]" value="1">1<br>
<input type="checkbox" name="checkThis[]" value="2">2<br>
<input type="checkbox" name="checkThis[]" value="3">3<br>
<input type="submit" value="提交" >
</form>

<html>
<head>
<title>Checkbox检查器</title>
<script type="text/javascript">
function check_box() {
    var obj = document.getElementsByName('checkThis[]');
    var count=obj.length;
    var j=0;
    for(var i=0;i<count;i++)
    {
        if (obj.checked){
            j++;
        }
    }
    if(j==0)
    {    
        alert("至少选择一个！！");
        return false;
    }else{
        alert('right');
        return true;
    }
}
</script>
</head>
<body>
<form name="myform" action="">
<input type="checkbox" name="checkThis[]" value="1">1<br>
<input type="checkbox" name="checkThis[]" value="2">2<br>
<input type="checkbox" name="checkThis[]" value="3">3<br>
<input type="button" value="提交" onClick="return check_box()" >
</form>
</body>
</html>

wust_star

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
checkbox,js验证必须选择一个

Js: var obj = document.getElementsByName('cat4[]'); var count=obj.length; var j=0; for(var i=0;i<count;i++) { if (obj[i].checked){ j++; } } if(j==
复制链接

扫一扫