HTML在复选框中发布选定的值

时间:2014-12-28 07:51:35

标签: javascript php html

我是PHP及其开发的新手。我使用了html复选框。我想在那里保存所有选中的值。为了做到这一点,我正在检索所选复选框的ID。但我的警报没有检索到我预期的值。如果有人能指出我的愚蠢,我将非常感激。谢谢!

如果有人能指出我的愚蠢,我将非常感激。谢谢!

<html> 
    <head>

<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.min.js"></script>
 <script type="text/javascript">

    function OnChangeCheckbox (checkbox) {
            if (checkbox.checked) {

                var inputElements = document.getElementsBy('tagbox');
                 alert ('checkbox');
            }
            else {
                alert ("The check box is not checked.");
            }


      }


 </script>

    </head>


<?php
foreach ($relevanttags as $tags) {

    echo "<br>";
    echo '<input class="tagbox"  type="checkbox" onclick="OnChangeCheckbox (this)"  value="' . $tags . '" name="tags" >' . $tags;
    echo "</br>";
}
?>


</html>

2 个答案:

答案 0 :(得分:1)

这一行:

var inputElements = document.getElementsBy('tagbox');

有一些缺陷:

首先,getElementsBy不是函数。您可能的意思是getElementsById

第二,它无论如何都不会起作用,因为你的复选框没有ID。

当你使用jQuery时,你可以试试这个:

function OnChangeCheckbox (checkbox) {
        if (checkbox.checked) {
             alert ('checkbox');
        }
        else {
            alert ("The check box is not checked.");
        }

        // look for all elements of class "tagbox"
        $('.tagbox').each(function (i, e) {
                // e is the checkbox, i is the loop index
                if ( e.checked )
                      alert ('checkbox no. ' + i + ' is checked');
        });

  }

答案 1 :(得分:0)

    var selected = new Array();

    $(document).ready(function() {

        $("input:checkbox[name=tags]:checked").each(function() {
           selected.push($(this).val());
        });

    });