作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
所以我有下面的代码。我需要添加一些 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/
我是一名优秀的程序员,十分优秀!