Question

我是javascript的新手，我需要创建一个脚本，它会对所有选中的框应用一些操作，我不知道如何使用javascript确定选中哪些框，因此我可以应用一个动作onClick，任何帮助？

Answer 1

试试这个：

<html>
<head>
    <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
    <style>
        body { font-family: 'Roboto', serif; font-smooth: never; -webkit-font-smoothing : none; }
        #select-all { margin-right:10px }
        label { display: block }
        label:hover { cursor: pointer }
        input[type="submit"] { margin-top:20px }
    </style>

</head>
<body>
<form id="form" action="" method="post">
    <label for="select-all"><input id="select-all" type="checkbox" />Check all</label>
    <br>

    <label>
        <input type="checkbox" name="checkboxes[]" value="checkbox1" /> CheckBox 1
    </label>
    <label>
        <input type="checkbox" name="checkboxes[]" value="checkbox2" /> CheckBox 2
    </label>
    <input name="send" type="submit" value="Send">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
    $( document ).ready(function() {
        $('#select-all').click(function (event) {
            if (this.checked) {
                $(':checkbox').prop('checked', true);
            } else {
                $(':checkbox').prop('checked', false);
            }
        });
    });
</script>
    </body>
</html>

<?php
if ($_POST['checkboxes'])
{
    echo "<pre>";
    print_r($_POST['checkboxes']);
    echo "</pre>";
}
elseif (!$_POST['checkboxes'])
{
    echo "Nothing selected.";
}
?>

如何对所有选中的复选框进行javascript应用操作？

1 个答案: