MVC如何自动选择标签包含用户指定的单词的复选框

本文关键字：单词 复选框 用户 包含 何自动 选择 标签 MVC | 更新日期: 2023-09-27 18:07:31

所以我有这个弹出在我的网站筛选目的复选框列表。这个列表可以是任何地方，从几项到一百项。现在假设用户只想选择标签中有"create"字样的复选框。在100个复选框中寻找创建是不守规矩的，没有人愿意这样做。我在想的是在弹出窗口的底部实现一个文本框输入，用户可以输入一个单词，点击选择，并在复选框列表中，只有包含该单词的项目才会被选中。

我想到的第一个想法是使用jquery将按钮关联到一个控制器函数，该控制器函数将根据用户字符串重新评估视图模型。但我不认为这是最好的解决办法。有没有办法在视图中做到这一点?

MVC如何自动选择标签包含用户指定的单词的复选框

试试这样:

HTML: 

<div class="box">
   <input type="checkbox" name="check">
   <label>Create</label>
</div>
<div class="box">
   <input type="checkbox" name="check">
   <label>Other value</label>
</div>
<div class="box">
   <input type="checkbox" name="check">
   <label>Create user</label>
</div>
你的JQuery代码: 
$(function(){
    $('.box').each(function(){
        var box = $(this);
        if ($('label', box).html().toLowerCase().indexOf("create") > 0) {
            $('input[type=checkbox]', box).attr('checked', 'checked');
        }
        else $('input[type=checkbox]', box).removeAttr('checked');
    });
});

这是@AnoopJoshi建议的一个更好的解决方案

$("label:contains('Create')").closest(".box").find("input[type=checkbox]").prop(‌​"checked", true);

我希望这有帮助!

相关文章：