1

很抱歉用这么简单的问题打扰你，但我到处找，似乎无法找出正确的语法来做我想做的事。

基本上我有一个带有大量复选框的表单，并希望允许用户同时检查它们（或取消选中它们）

我遇到了这个很棒的剧本

    $(function () {
    $('.checkall').click(function () {
        $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked);
    });
});

但是当我尝试将输入按钮的 onclick 事件设置为运行脚本时，什么也没有发生。

<input type="button" class="blkbuttonsmall" value="Toggle All/None" onclick="**what-do-i-use-here-to-run?**">

任何帮助将非常感激！

编辑

所以我昨晚尝试了两个答案，但没有成功。我不确定我是否仍然做错了什么，如果我这边有通信错误。所以这是我尝试过的不同的事情，但没有成功，以及有关如何设置页面的更多信息。

复选框和输入按钮都有自己的类，我用它们来设置它们的外观。在考虑运行此脚本之前，它们已被编码。

全选按钮

<input type="button" class="blkbuttonsmall" value="Toggle All/None">

复选框

<input type="checkbox" name="X" id="X" class="formcheck">

所以现在接受昨晚提供的建议（再次感谢大家的快速回复）我尝试将“全选按钮”的类更改为“blkbuttonsmall checkall”和“checkall”。当这不起作用时，我尝试将“checkall”类应用于某些复选框，删除“formcheck”类并添加“checkall”类。依然没有。这使我相信我一定没有正确实施事情，或者第一次没有在我的问题中正确解释。

在我尝试任何建议的编辑之前，这是我的代码的一些 HTML 片段。

表单的左侧 div：

<div class="formleft">
<br />          
    <form action="">
        <span class="formtext">Check all that apply</span>
<br />
<br />
    <script>
    $(function () {
    $('.checkall').click(function () {
    $(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked);
    });
    });
    </script>
        <fieldset>
        <input type="checkbox" name="logincheck" id="logincheck" class="formcheck"> login
        <br />
        <input type="checkbox" name="assignbreakbusylogoutcheck"  id="assignbreakbusylogoutcheck" class="formcheck"> assignment, break, busy, logout
        <br />
        <input type="checkbox" name="acceptprocesscallscheck" id="acceptprocesscallscheck" class="formcheck"> accept/process tasks, calls
        <br />
</div>

...表单的右 div

<div class="formright">
<br />
<!-- when button is clicked we need to toggle all checks on or off -->
        <input type="button" class="blkbuttonsmall" value="Toggle All/None">
<br />
        <input type="checkbox" name="userprofilecheck" id="userprofilecheck" class="formcheck"> user profile
<br />
        <input type="checkbox" name="searchcheck" id="searchcheck" class="formcheck"> search
<br />
        <input type="checkbox" name="addcheck" id="addcheck" class="formcheck"> add
<br />
        <input type="checkbox" name="editcheck" id="editcheck" class="formcheck"> edit
        </fieldset>
     </form>
</div>

并且只是为了确保我不是一个搞砸 jquery 声明的庞塞，这里是文件的标题：

<head>
    <meta charset="utf-8">
    <title>web portal configurations</title>

       <link rel="icon" href="images/favicon.ico" type="image/x-ico">
       <link rel="stylesheet" type="text/css" href="css/style.css">
       <script type="text/javascript" src="js/jquery.js"></script>
       <meta name="viewport" content="width=device-width, initial-scale=.5, maximum-scale=1">
</head>

jquery 文件是 jquery 网站上提供的最新缩小版本，刚刚在本地上传到我的服务器。

我在这里错过了什么或做错了什么？我了解先前响应的概念，因此问题必须是我错过的东西或实施。再次感谢您提供的任何帮助！

4

1 回答 1

3

你不需要在那里放任何东西，你只需要将类添加'checkall'到你的输入中。因此，你应该有类似的东西：

<input type="button" class="blkbuttonsmall checkall" value="Toggle All/None">

这样做的原因是 jQuery 选择器'.checkall'查找$('.checkall')所有具有 class 的元素'checkall'，然后将您指定的函数附加到它。

于 2013-01-25T21:59:37.180 回答