0

Was styling the checkboxes of my webpage with jquery using the tutorial here

But i realized that I could not do SelectAll checkbox that will select all the checkboxes in my list. It works in the backend (the checkboxes are selected) but it does not show in my page.

Added a demo to show my problem. May need to port to your system to test it out

Demo

what can I add to the jQuery Custom Radio-buttons and Checkbox javascript file in the to achieve the select all checkbox function

Thank you!

4

2 回答 2

1

你可以试试这个 FIDDLE：

$(function () {
    var $chbxs = $('.checkbox');
    $('#sel_all_lbl').toggle(
        function() {
            $chbxs.css('background-position', '50% -50px');
            $('#checkboxall .truefalse').prop('checked', true);
        },
        function() {
            $chbxs.css('background-position', '50% 0px');
            $('#checkboxall .truefalse').prop('checked', false);
        }
    );
});

我做了什么？首先，在您的小提琴中，您需要更正一些语法错误，然后将插件代码添加到 DOM，然后将脚本添加到脚本面板，以便在 DOM 准备好时触发它们。（这都是关于 jsFiddle 的，所以你要了解它是如何工作的）

实际上，关于您的代码，您将点击处理程序 ( .toggle()) 附加到了复选框元素。但是点击事件不会触发它。脚本只是更改了复选框的属性，但没有点击。因此，您需要将这些处理程序附加到希望用户实际单击的元素上，即方形图标。（我加了一个id="sel_all_lbl"）

于 2012-09-15T09:30:22.350 回答
0

尝试在全选复选框上使用事件处理并从 javascript 中手动检查所有复选框。

于 2012-09-15T09:03:47.040 回答