复选框:使用按钮开/关
checkbox : on/off using button
有一个复选框&按钮,我想点击按钮选中&未选中复选框而未触及该复选框。怎么做?
<input type = "checkbox" id = "check" />
<input type = "button" id = "buttonId" />
<script type = "text/javascript">
$(function() {
$("#buttonId").click( function() {
if( $("#check").is_NOT_CHECKED) {
CHECKED_CheckBox;
} else
if($("#check").is_CHECKED) {
UnCHECKED_CheckBox;
}
});
</script>
$("#buttonId").click( function() {
// or .attr() prior to jQuery 1.6
$("#check").prop('checked', function(i, val) {
return !val;
});
});
根据上下文,您还可以利用这样一个事实,即单击复选框的label
将切换其状态:
<input type="checkbox" id="check" name="check"/>
<label for="check">Some text</label>
$("#buttonId").click( function() {
var checkbox = $("#check")[0];
checkbox.checked = !checkbox.checked; // invert its checked status
});
demo at http://jsfiddle.net/gaby/czRkv/
假设这些是你的复选框和按钮:
<input id="checkbox_id" type="checkbox" /><br>
<input id="button_id" type="button" value="Change" />
然后你可以使用下面的代码来执行复选框的打开/关闭:
$("#button_id").click(function() {
// if the checkbox is not checked
if (! $("#checkbox_id").is(":checked")) {
$("#checkbox_id").prop("checked", true);
} else { // if the checkbox is checked
$("#checkbox_id").prop("checked", false);
}
});
查看这个实时演示:http://jsfiddle.net/kvRG4/
相关文章:
- 复选框/单选按钮-添加所选项目的总价
- 单选按钮的验证(启用)&使用Jquery Optimization从复选框中选择submit按钮
- 单击单选按钮时选中所有复选框
- 在jquery中选中复选框时启用confirmbox按钮
- 基于单选按钮和复选框的数据表排序
- JavaScript - 如果未选中复选框,则取消选中单选按钮
- 如果未选中复选框,则禁用引导输入按钮
- 如果用户未选中复选框或选择按钮,如何为复选框或单选按钮设置一些默认值
- JavaScript - 如果选中任何复选框,请选择单选按钮
- 用于控制单选按钮的复选框
- 样式为 -webkit-外观的单选按钮:复选框:Chrome 中的不确定状态
- Ajax + 浏览器后退按钮 = 复选框不起作用
- 引导数据切换单选按钮/复选框选中属性
- 如何绑定引导按钮复选框和表单
- 按钮复选框不保存选中的
- 在Twitter Bootstrap 3按钮(复选框)仍然是灰色后,它是未检查的
- 在Highcharts中使用按钮/复选框显示/隐藏数据的示例
- 散景-检查复选框与按钮/复选框回调
- 单选按钮+复选框组合
- 尝试提交“按钮复选框”的集合