【问题标题】:jQuery - how to show message if > 1 checkbox selected?jQuery - 如果选中 > 1 个复选框,如何显示消息?
【发布时间】:2011-05-12 01:35:59
【问题描述】:

根据用户在其记录中拥有的汽车数量n,将有n 复选框可供选择。

在我看来,这些复选框是使用循环呈现的

<?php 
foreach ($cars as $row):
echo form_checkbox('cars_id[]', $row->cars_id, FALSE, 'class="checkbox"') . 
<span>'. $row->cars_name . '</span><br />';
endforeach; 
?>

如果用户选择 > 1 个复选框,我想显示一条消息 --- 所以:

[x] Honda
[ ] Toyota
[ ] Suzuki

//no message shown


[x] Honda
[X] Toyota
[ ] Suzuki

//message is shown

我尝试过使用

的变体但没有成功
if ($(".checkbox").is(':checked')) { etc...

有没有人建议如何让它工作?

非常感谢您的帮助。

【问题讨论】:

    标签: javascript jquery checkbox


    【解决方案1】:

    如果选中 > 1 个复选框,如何显示消息?

    您可以检查:checked 复选框的length 属性。

    if ($('.checkbox:checked').length > 1) { 
       // Show message.
    };
    

    jsFiddle.

    此外,您可以使用 :checkbox 选择器选择这些复选框。

    【讨论】:

    • 感谢@alex - 我正在尝试使用if ($('.checkbox:checked').length &gt; 1) { alert("testing"); }; 提出您的建议,但它不起作用 - 我在这里做错了吗?控制台上没有错误
    • @torr 我看不到。我要做一个小提琴。
    • 嘿@alex,如果用户返回选中的单个复选框,我正在尝试让消息消失——这里是fiddle——有什么建议吗?
    • @torr 您的 JavaScript 错误。检查这个fiddle。
    猜你喜欢
    • 2014-09-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-04
    • 1970-01-01
    • 2020-11-05
    • 1970-01-01
    相关资源
    最近更新 更多