代码之家  ›  专栏  ›  技术社区  ›  Kim YOOKO

jquery复选框和php循环

  •  1
  • Kim YOOKO  · 技术社区  · 8 年前

    我没有得到任何错误,但它没有限制选择的数量。

    $(document).ready(function() {
        $('.single-checkbox').on('change', function() {
            var noChecked = 0;
            $.each($('.single-checkbox'), function() {
                if ($(this).is(':checked')) {
                    noChecked++;
                }
            });
            if (noChecked >= 3) {
                $.each($('.single-checkbox'), function() {
                    if ($(this).not(':checked').length == 1) {
                        $(this).attr('disabled', 'disabled');
                    }
                });
            } else {
                $('.single-checkbox').removeAttr('disabled');
            };
        });
    });
    

    菲律宾比索:

    $query="SELECT course.name FROM course";
    $results=mysqli_query($dbhandle,$query) or die(mysqli_error($dbhandle));
    while ($rows=mysqli_fetch_assoc($results)) {
    
    print("<td><input class='single-checkbox' type='checkbox' id='ch' /></d> <td>".$rows['name']."</td>");
    

    先谢谢你。

    2 回复  |  直到 8 年前
        1
  •  2
  •   miken32 Amit D    8 年前

    只需勾选复选框的数量;如果太高,不要让盒子被勾住!

    $(".single-input").on("change", function() {
        if (this.checked && $(".single-input:checked").length > 3) {
            this.checked=false;
            return false;
        }
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input type="checkbox" class="single-input" /><br/>
    <input type="checkbox" class="single-input" /><br/>
    <input type="checkbox" class="single-input" /><br/>
    <input type="checkbox" class="single-input" /><br/>
    <input type="checkbox" class="single-input" /><br/>
    <input type="checkbox" class="single-input" /><br/>
        2
  •  1
  •   Ragner Moura    8 年前

    我建议您检查JQuery是否真的得到了HTML对象,在您的代码中您使用$(this),这是正确的,也许通过checkbox组您可以尝试$(“#checkboxId”),这样if的条件就满足了,并且增加了它的计数器变量。查看更多: Check if checkbox is checked with jQuery