webkit浏览器中的复选框问题
Checkboxes issue in webkit browsers
我的html有很多复选框。某些复选框应该取消选中其他复选框组。因此,其中一个复选框具有以下代码。
第一个版本在Jquery `中
function uncheckmusic() {
$(".buttons :checkbox").prop('checked',false);
}
$("#test").click(function() {
uncheckmusic();
}
另一个版本是Javascript `
function uncheckmusic() {
document.getElementById("first").checked = false;
document.getElementById("second").checked = false;
}
$("#test").click(function() {
uncheckmusic();
}
因此,问题如下。在Firefox中,它运行良好,但在webkit浏览器(例如Chrome)中,存在一些我无法理解的问题。复选框不返回值或不更新。请帮帮我。
<div class="classexample">
<input id="test" name="yesmusic" class="toggle" type="checkbox">
</div>
<div class="buttons">
<input id="first" name="checkbox1" type="checkbox" class="toggle">
<div id="checkbox1"><b>checkbox1</b></div>
</div>
<div class="buttons">
<input id="second" name="checkbox2" type="checkbox2" class="toggle">
<div id="checkbox2"><b>checkbox2</b></div>
</div>
这对您有帮助吗?这里有一个FIDDLE。
<script>
$(function() {
function uncheckmusic() {
$('.buttons input[type="checkbox"]').prop('checked',false);
}
$('.buttons input[type="checkbox"]').click(function() {
if($(this).is(':checked')) {
$('.classexample input[type="checkbox"]').prop('checked',false);
}
});
$('.classexample input[type="checkbox"]').click(function() {
if($(this).is(':checked')) {
uncheckmusic();
}
});
});
</script>
相关文章:
- 复选框问题
- webkit浏览器中的复选框问题
- AJAX 调用 PHP 复选框问题
- JavaScript 相互排斥的复选框问题
- Jquery复选框问题
- 某些动态生成的复选框问题的事件
- Angular:表单和复选框问题上的$setPristine
- Javascript复选框问题
- JavaScript (jQuery)禁用复选框问题
- 淘汰复选框问题
- Javascript无线电/复选框问题
- MDL复选框问题:不希望标签激活复选框
- IE中的复选框问题
- EXT JS网格SelModel复选框问题
- Gridview检查所有复选框问题
- PHP数组复选框问题,保留'right'提交后复选框
- Jquery每个或自定义复选框问题
- 选择所有复选框问题(jQuery)
- 流星模板和火焰的复选框问题
- Ext.NET中的复选框问题