我正在尝试在onclick事件中取消选中一组检查按钮:
HTML:
</div>
<button onclick="getChart(); uncheck();" type="submit" class="btn btn-default" id="refreshChart">Request</button>
</div>
<form class="form">
<div class="btn-group btn-group-justified " data-toggle="buttons" name="chartSelect">
<label class="btn btn-info" id ="hide">
<input name="hide" type="checkbox" ><span>Hide</span>
</label>
<label class="btn btn-info">
<input name="total" id="total" type="checkbox">Total
</label>
<label class="btn btn-info">
<input name="max" id="max" type="checkbox">Max
</label>
<label class="btn btn-info">
<input name="mean" id="mean" type="checkbox">Mean
</label>
<label class="btn btn-info">
<input name="min" id="min" type="checkbox">Min
</label>
<label class="btn btn-info">
<input name="extrapo" id="extrapolation" type="checkbox">Extrapo
</label>
<label class="btn btn-info">
<input name="all" id="all" type="checkbox">All
</label>
</div>
</form>
我甚至只是试图取消一个按钮取消选中,但没有成功。
JS:
function uncheck() {
if ($('[name=max]').is(':checked')) {
$('[name=max]').attr('checked', false);
}
}
答案 0 :(得分:1)
似乎这样调用过滤器is
:
$("div[data-toggle='buttons'] input[type='checkbox']").is(":checked")
不起作用。但如果你把它与选择器,它的工作原理。所以这很好:
$("div[data-toggle='buttons'] input[type='checkbox']:checked")
现在你可以取消选中它们:
$("div[data-toggle='buttons'] input[type='checkbox']:checked").removeAttr("checked");
在 fiddle
中试试答案 1 :(得分:0)
看起来您的代码正在运行,只是您调用了未定义的函数getChart()
。当我删除该函数时,单击该按钮时将取消选中该复选框。