取消选中一组检查按钮
Uncheck a group of check buttons
我正在尝试取消选中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);
}
}
调用过滤器似乎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");
试试这个小提琴
看起来您的代码正在运行,只是您调用了未定义的函数getChart()
。当我删除该函数调用时,单击按钮时未选中复选框。
https://jsbin.com/yakiyopoye/edit?html,output
相关文章:
- fluxxor向一个flux实例添加一组以上的操作
- 使用Javascript使用数组检查文本框中的值
- JS数组-检查对象值是否重复
- 我们怎样才能将内含子J用于一组特定的元素
- 使用linq.js按当前日期订购一组momentjs日期
- 正则表达式,从一组关键字中获取奇数
- 创建一组元素JointJS
- 如何检查焦点是否离开了一组元素
- 如何检查一组单选按钮是否全部选中
- 正在使用另一个数组检查数组中的多个值
- 如何使用jQuery/Javascript检查用户是否从一组复选框中选中了至少一个复选框
- meteor 遍历一组会话以检查值是否已更改
- 取消选中一组检查按钮
- 检查是否选中了一组特定的复选框
- 使用 javascript 检查是否已选中一组复选框
- 检查一个类是否存在于一组选定的元素中
- 如何检查对象是否包含一组属性
- 检查一组url是否包含特定的表ID
- 检查我的用户输入的是一组长度的数字
- 如何检查一个对象是否是JavaScript中某一组原型的实例?