javascript - 根据值选择复选框?

标签 javascript jquery html

所以我有下面的代码。我需要添加一些 html 按钮,以便在单击链接时选择某些公司。有点像全选、不选择。但会是精选的法人公司、精选的特许经营公司等。所有公司都是基于ID的。如何根据这些链接使用要检查的输入类型中的值? 示例:

链接:选择公司。 (点击链接后应检查的 ID:1, 14, 17, 47)

  <p>
<input type="checkbox" name="sites[]" id="site-1" value="1" checked="checked"/>
<label for="site-1" style="float: none; display: inline; ">Company 1</label>
</p>
<p>
<input type="checkbox" name="sites[]" id="site-14" value="14" checked="checked"/>
<label for="site-14" style="float: none; display: inline; ">Company 14</label>
</p>
<p>
<input type="checkbox" name="sites[]" id="site-17" value="17" checked="checked"/>
<label for="site-17" style="float: none; display: inline; ">Company 17</label>
</p>
<p>
<input type="checkbox" name="sites[]" id="site-47" value="47" checked="checked"/>
<label for="site-47" style="float: none; display: inline; ">Company 47</label>
</p>

这是我目前用于全选、全选的代码,以及实际生成可检查的所有公司的代码:

<p><label>Show on Sites:<br><a href="" onclick="$('sites').select('input[type=checkbox]').each(function(e){if(!e.checked)e.click();}); return false;">Select All</a> | <a href="" onclick="$('sites').select('input[type=checkbox]').each(function(e){if(e.checked)e.click();}); return false;">Select None</a></label></p>
            <div style="float: left;" id="sites">
                -- Select brand first --
                <?
                if($promotion->id) {
                    $sites = DBObject::getObjects('Company', "company_id IN (SELECT company_id FROM company_promotions WHERE promotion_id = '{$promotion->id}')");
                    foreach($sites AS $site) {
                        ?>
                    <input type="hidden" value="<?= $site->id ?>">
                        <?
                    }
                }
                ?>
            </div>

最佳答案

function checkCheckboxesByIds(ids) {
     $(':checkbox').removeAttr('checked');   
     $.each(ids, function(i, id) {
        $('#site-' + id).attr('checked', 'checked'); 
     });
}

checkCheckboxesByIds([1, 14, 17, 47]);

关于javascript - 根据值选择复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5486602/

相关文章:

具有变异状态的 JavaScript 日志记录对象

javascript - drupal 6中使用javascript计算

jquery - Bootstrap - 显示为框的单选按钮

javascript - 如何为六边形域实现 BFS(在 javascript 中)

javascript - 文本区域的奇怪行为

CSS 背景图像不显示(使用 HTML5 样板)

html - 页脚链接在 html 中不起作用

javascript - D3 条形图中第一个条之前不需要的空格

javascript - 假复选框 [使用 jquery ]

javascript - 如何在 Google map 上添加当前位置标记