【问题标题】:Jquery is the checkbox checkedJquery是选中的复选框
【发布时间】:2014-03-11 15:05:47
【问题描述】:

我在一个 MVC 站点的视图中有这一行,该站点位于 ForEach 循环中,该循环在传递给视图的模型中迭代一组时间。

<li data-cft-times="true" class="selectedList">@times.time
  <input type="checkbox" class="ficoEntry" checked="checked" data-cft-time="true" />
</li>

然后在我的 Jquery 中,我试图查看用户是否更改了复选框以取消选择时间,我目前有这个,但它返回所有时间,而不仅仅是那些仍然勾选复选框的时间。

if ($('input[data-cft-time]').attr("checked") == "checked") {
            //do stuff...
}

任何人都可以看到我哪里出错了,因为我尝试了很多并且似乎无处可去,但我知道这是一个让我陷入困境的简单问题......

谢谢。

编辑...

我已经尝试了下面的两个帖子,但当我取消选中复选框时,DOM 没有更新,因为使用 F12 的 HTML 代码仍然显示以下内容,所以看起来都没有工作

<input type="checkbox" class="ficoEntry" checked="checked" data-cft-time="true" />

我是不是错过了什么......

更多信息..

<ul>
   <li class="selectedList" data-cft-times="true">2300
    <input class="ficoEntry" type="checkbox" checked="checked" data-cft-time="true">
   </li>
   <li class="selectedList" data-cft-times="true">0000
    <input class="ficoEntry" type="checkbox" checked="checked" data-cft-time="true">
   </li>
   <li class="selectedList" data-cft-times="true">0100
    <input class="ficoEntry" type="checkbox" checked="checked" data-cft-time="true">
   </li>
   <li class="selectedList" data-cft-times="true">0200
    <input class="ficoEntry" type="checkbox" checked="checked" data-cft-time="true">
   </li>
 </ul>

这是当前的 JQuery。

$("li[data-cft-times]").each(function (index) {
        text = $(this).text().slice(0, 4);

        if ($('input[data-cft-time]').is(':checked')) {
            time += "{\"time\":\"" + text + "\"},";
        }
});

【问题讨论】:

    标签: jquery asp.net-mvc checkbox


    【解决方案1】:

    你可以使用:checked selector然后检查集合的长度,如果你的复选框被选中,它将返回1:

    if ($('input[data-cft-time]:checked').length)
            //do stuff...
    }
    

    【讨论】:

    • 你有没有看过我对我的帖子的编辑,更详细地显示了我的代码我已经尝试了这里发布的两种方法,但都不起作用。
    【解决方案2】:

    试试这个:

    if($('input[data-cft-time]').is(':checked')){
    
    }
    

    【讨论】:

    • @CliffordAgius 我确定它确实如此,因为我使用它。检查这个:jsfiddle.net/vX3qV
    • 你有没有看过我对我的帖子的编辑,更详细地显示了我的代码我已经尝试了这里发布的两种方法,但都不起作用。
    猜你喜欢
    • 2011-12-19
    • 2010-10-19
    • 2017-01-26
    • 2015-05-19
    • 1970-01-01
    • 2012-07-18
    • 1970-01-01
    • 2016-03-04
    相关资源
    最近更新 更多