javascript - 如何以最好的方式在jquery中制定条件?

标签 javascript jquery

<body>
    <input class="forminput" type="checkbox" value="test one" checked="checked" name="VD1">
    <br>
    <input class="forminput" type="checkbox" value="test two" checked="checked" name="VD2">
    <br>
    <input class="forminput" type="checkbox" value="test three" checked="checked" name="VD3">
    <br>
    <input class="forminput" type="checkbox" value="test four" checked="checked" name="VD4">
    <br>
    <input class="forminput" type="checkbox" value="test five" checked="checked" name="VD5">
    <br>
    <input id="checkall" type="checkbox" checked="checked" name="checkall">
    <input id="copyvalue" class="button" type="button" value="copy test">
  </body>

我想检查用户是否没有选中一个复选框,然后如果他单击复制测试,它会警告一个框,提示“您至少选中一个框。”

$(document).ready(function(){
    $("#copyvalue").click(function(){
        if (!$(.forminput).checked){
            alert('teet');
        }
    });

但是代码不起作用。

最佳答案

您的语法错误,并且缺少右大括号和圆括号。

你可以写

$(document).ready(function(){
    $("#copyvalue").click(function(){
        if ($(".forminput:checked").length === 0){
            alert('teet');
        }
    });
});

请注意,选择器是一个字符串。

:checked 选择器将元素过滤为选中的复选框。

此代码检查是否存在任何 :checked .forminput 元素。

关于javascript - 如何以最好的方式在jquery中制定条件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6380578/

相关文章:

javascript - 将异步并行请求映射到它们的 ID

javascript - Extjs 加载掩码

javascript - 在此示例中,我如何从 jquery/javascript 获取 div childs?

javascript - 基于组件值的 vue-i18n sharedMessages 似乎不起作用

javascript - Jquery 和 Laravel 集成

javascript - 具有相同类名的两个 div 相互重叠

javascript - 禁用 li anchor 移动

javascript - 如何从表的列(而不是标题)获取行的单元格值?

javascript - javascript/jquery 波动的随机百分比

javascript - 在 Bootstrap 日期选择器中启用特定日期