如何在下次尝试之前从复选框中清除旧值
How to clear old value from checkbox before next try?
我编写了我的JavaScript代码来获取一个带有JSON函数的值以显示在复选框中,但是每次我尝试使用新选项时,旧值仍然存在于复选框中。我想在下次尝试之前清除该复选框。我在下面的代码中标记了问题区域:
.HTML:
<div class="panel-body">
<div class="form-group">
<label for="field-1" class="col-sm-3 control-label" >Select Group</label>
<div class="col-md-2">
<select class="form-control" name="perms" onchange="OnSelectionChange(this)">
<option>Choice your group</option>
{foreach $perms as $perm}
<option value="{$perm.pID}">{$perm.title}</option>
{/foreach}
</select>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<strong>Edite Permisions:</strong>
<br />
<br />
</div>
<div class="col-sm-6" style="width:100%;">
<ul class="icheck-list">
{foreach $rps as $rp}
<li>
<input type="checkbox" name="updatePERM[]" id="{$rp.id}" value="{$rp.id}">
<label style="padding-left: 5px;vertical-align: middle;" >{$rp.rname}</label> <pre>{$rp.rdes}</pre>
</li>
{/foreach}
</ul>
</div>
</div>
</div>
</div>
.JS:
function OnSelectionChange (select) {
var selectedOption = select.options[select.selectedIndex];
var url = "./include/getPerms.php?key="+selectedOption.value+"";
$.getJSON(url, function(data) {
$.each(data.rules, function(i, rule) {
// MY PROBLEM LINE: HOW I CAN DO THIS ?
if input:checkbox.val() != rule.id => set attr('checked', false)
else if input:checkbox.val() == rule.id => set attr('checked', true)
// HOW I CAN DO THIS ?
});
});
}
function OnSelectionChange(select) {
var selectedOption = select.options[select.selectedIndex];
var url = "./include/getPerms.php?key=" + selectedOption.value + "";
$.getJSON(url, function (data) {
// Default make all checkbox un-checked.
$("input:checkbox").prop("checked", false)
$.each(data.rules, function (i, rule) {
// If rule.id matches with the checkbox values then make those checkbox checked
$(":checkbox[value="+rule.id+"]").prop("checked",true);
});
});
相关文章:
- 选中复选框时清除填充有datatime选取器数据的文本框
- 选中此之后剩余的复选框值.form.reset清除
- 使用 onChange 清除多个选择和复选框
- 如何使用Javascript清除基于复选框的文本框
- 清除“选中的复选框范围”值
- 取消选中复选框时隐藏和清除文本框
- jQuery UI 多选小部件清除所有复选框
- 无法清除 Jquery 中的所有复选框
- 如何在下次尝试之前从复选框中清除旧值
- jQuery清除日期选择器字段中的值,该值与未选中的复选框相关联
- 如何使用复选框取消选中来清除单选按钮
- 清除复选框按钮不起作用
- 更改单选按钮选择时清除复选框
- 如何使用javascript清除所有项目并在asp.net复选框列表中添加新项目
- 如何使用javascript保护用户清除复选框
- 如何清除复选框当选中其他复选框时?使用java脚本
- 单击“取消”按钮后清除选中的复选框
- 当标记/清除复选框时,引导复选框标签上的工具提示不会隐藏
- 切换融合表层:如何在选中新复选框时清除所有其他复选框
- 使用复选框清除表单