Question

我将chechboxes的类和id传递给js函数并尝试使其动态地用于任何复选框的id和class以检查所有并取消选中所有复选框这是html

    <input type="checkbox" name="reply_status[]" <?=$checked;?>  class="memebers" value="<?=$status[$e]['mail_sent_id']?>">
            </td>
            <td>
                <input type="checkbox" name="send_invoice[]" <?=$checked_send_invoice;?>  class="send_invoice" value="<?=$status[$e]['mail_sent_id']?>">
            </td>
            <td>
                <input type="checkbox" name="invoice_paid[]" <?=$checked_invoice_paid;?>  class="invoice_paid" value="<?=$status[$e]['mail_sent_id']?>">
            </td>

<td>
         <input type="checkbox" id="check_all_re" name="check_all" onclick="checkall_members('memebers','check_all_re')">&nbsp;&nbsp;&nbsp;&nbsp;
                Check All
            </td>
            <td>
                <input type="checkbox" id="check_all_sv" name="check_all" onclick="checkall_members('send_invoice','check_all_sv')">&nbsp;&nbsp;&nbsp;&nbsp;
                Check All
            </td>
            <td>
                <input type="checkbox" id="check_all_ip" name="check_all" onclick="checkall_members('invoice_paid','check_all_ip')">&nbsp;&nbsp;&nbsp;&nbsp;
                Check All
            </td>

这里是js函数

<script type="text/javascript">
function checkall_members(chechboxclass, chechboxid) {
    // var id = document.getElementById("check_all");
    alert();
    chechboxid = $('#' + chechboxid);
    chechboxclass = $('.' + chechboxclass);
    if (chechboxid.checked) {
        chechboxclass.attr('checked', 'checked');
    }
    else {
        chechboxclass.removeAttr('checked');
    }
}

任何帮助将不胜感激

Answer 1

使用以下内容替换if..else块。

chechboxclass.prop('checked', chechboxid.prop('checked'));

顺便说一下，它是复选框而不是 chec h 框。

要进一步改进代码，请删除内联事件：

$('input[name="check_all"]').on('change', function() {
    $($(this).data('toggleAll')).prop('checked', this.checked);
});

现在您只需要将data-toggle-all=".send_invoice"等添加到这些复选框中。 param值应该是您要使用该复选框切换的复选框的选择器。

如果您拥有name="check_all"个class元素，则还可以使用input.whatever_class代替input[name="check_all"]

加快选择器的速度

Answer 2

我为我的问题找出了最简单的解决方案

 <script type="text/javascript">

function checkall_members(chechboxclass, chechboxid) {

    var checkbox = document.getElementById(chechboxid);
    chechboxclass = $('.' + chechboxclass);

    if (checkbox.checked) {
        chechboxclass.attr('checked', 'checked');
    }
    else {

        chechboxclass.removeAttr('checked');
    }
}
 </script>

我必须在同一个javascript库中获取id elememt，这就是为什么它不起作用 var checkbox = document.getElementById（chechboxid）; 谢谢你们帮助我

Javascript不接受我的函数参数？

2 个答案: