javascript - 如何验证复选框列表中仅选择了一个复选框

标签 javascript php jquery checkbox

在这里,我正在从数据库中检索数据,并且正在使用复选框插入、更新和删除数据。我的问题是,当我单击两个以上复选框时,我也会移动到 update.php 页面,但我真正想要的是当我首先单击更新按钮时,它会检查是否从列表中仅选择了一个复选框,如果不应该显示警报消息,就像仅选择一个复选框一样。请帮忙。提前致谢 我在这里放置了我的代码。

<!DOCTYPE html>
<html>
<head>
    <title>Insert Update Delete</title>
</head>
<body>
<form name="dataform" id="data" action="" method="get">
<?php
$connection = mysql_connect("localhost", "root", "");
$db = mysql_select_db("db_new", $connection);
$query=mysql_query("select * from student_info");
echo "<table>";
while($row=mysql_fetch_array($query))
{
    echo "<tr>";
    echo "<td>"; ?> <input type="checkbox" id="box" name="num[]" class="other" value="<?php echo $row["id"];?>" /> <?php echo "</td>";
    echo "<td>"; echo $row["roll_no"]; echo "</td>";
    echo "<td>"; echo $row["name"]; echo "</td>";
    echo "<td>"; echo $row["division"]; echo "</td>";
    echo "<td>"; echo $row["std"]; echo "</td>";
    echo "<td>"; echo $row["gender"]; echo "</td>";
    echo "<td>"; echo $row["subject"]; echo "</td>";
    echo "</tr>";
}
echo "</table>";
?>
    <input type="submit" name="insert" value="insert"/>
    <input type="submit" name="update" value="update"/>
    <input type="submit" name="delete" value="delete"/>
    </div>
</form>
<?php
if(isset($_GET["insert"]))
{
    $box = $_GET['num'];
    $count =count($box);
    if ($count == 0){
        header('Location:insert.php');
    }
    elseif($count == 1){
        header('Location:data.php');
    }
}
?>
<?php
if (isset($_GET['update'])){
    $box = $_GET['box'];
    $count =count($box);
    if($count == 0) {
        header('Location:data.php');
    }elseif($count == 1){
        header('Location:update.php');
    }
    if(!empty($_GET['num'])) {
        foreach($_GET['num'] as $id) {
            echo $id;
            header("location:update.php?id=".$id);
        }
    }
}

?>
<?php
if (isset($_GET['delete'])) {
    $box = $_GET['num'];
    $count = count($box);
    if($count == 0) {
        header('Location:data.php');
    }elseif($count == 1){
        header('Location:data.php');
    }
    if(!empty($_GET['num'])) {
        foreach($_GET['num'] as $id) {
            mysql_query("delete from student_info where id = $id");
        }
    }
}
?>
</body>
</html>

最佳答案

您可以使用单选按钮代替复选框。

请参阅此处的示例

Use Radio Instead of CheckBox

或者,如果您必须使用复选框,请执行以下操作:

$('input.example').on('change', function() {
    $('input.example').not(this).prop('checked', false);  
});

关于javascript - 如何验证复选框列表中仅选择了一个复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40045636/

相关文章:

javascript - 如何使用单选按钮值检查单选按钮

javascript - d3.js 仪表板在鼠标悬停时反转数据

javascript - 从主干获取 Instagram 访问 token

php - 如何制作像gmail 和facebook 那样的交互式 uploader ?

javascript - 如何使用 typescript 将类变量传递到函数内的函数中?

javascript - 将数组从表行传递到 JavaScript

javascript - 这个例子中变量 f 应该包含什么?

javascript - 未捕获的语法错误 : Unexpected token < - Wordpress

php - 将 post_content 中的 [keyword] 替换为 post_title MYSQL 中的单词

php - MySQL/PHP - 显示最近的日期