Ui复选框-默认情况下选中
Ui复选框-默认情况下选中
提问于 2011-06-24 20:43:48
我使用的是设置复选框样式的jQuery，这意味着，在单击时，它会更改复选框的样式(实际上是onchange)。我的问题是:我选择的值是从数据库中获取的，在另一部分上由用户修改。因此，如果满足某个条件，我希望选中该单选按钮。我想知道如何在我的jQuery函数中做到这一点：(代码如下：)
<script type="text/javascript">
$(document).ready(function(){
$(".CheckBoxClass").change(function(){
if($(this).is(":checked")){
$(this).next("label").addClass("LabelSelected");
}else{
$(this).next("label").removeClass("LabelSelected");
}
});
});
</script>和HTML：
<form id="address" method="POST" action="<?= Route::url('Save user preferences' , array('user_id' => $user));?>">
<? foreach ($prefered_products as $pp): ?>
<input id="CheckBox[<?= $pp; ?>]" type="checkbox" class="CheckBoxClass" style="display: none;" name="user_preferences_preference[<?= $pp->id ?>]" value="<?= $pp ?>" checked="checked" />
<label id="Label[<?= $pp; ?>]" for="CheckBox[<?= $pp; ?>]" class="CheckBoxLabelClass"><?= $pp->product; ?></label> Salveaza preferintele tale 该函数仅为onchange。我还希望，如果存在attr checked = " checked "，则复选框被选中(要显示的选中样式)。
在给定的条件下这是可能的吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-06-24 20:48:20
$(".CheckBoxClass:checked").each(function(){
$(this).next('label').addClass("LabelSelected");
});Stack Overflow用户
发布于 2011-06-24 20:46:30
您可以在声明.change()之后手动触发更改效果，但未经过测试，但应该可以工作：
$(".CheckBoxClass").trigger('change');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6467964
复制相关文章
相似问题
腾讯云开发者
