HTML复选框处理
HTML复选框处理
提问于 2014-10-16 03:48:45
所以我有一组这样的复选框：
[x] No stuff
[ ] Stuff 1
[ ] Stuff 2
[ ] Stuff 3当点击任何“无内容”复选框时，我希望自动取消选中“无内容”复选框。此外，我希望所有东西都被取消选择，如果“没有东西”被选中。
谁能给我指个方向？谢谢。
回答 5
Stack Overflow用户
发布于 2014-10-16 04:05:16
为"chkStuff1“、"chkStuff2”、"chkStuff3“复选框指定一些类似的ids，并为每个- onclick = "StuffClicked(this);”复选框指定一个onclick函数。假设No Stuff复选框有一个id -- "chkNoStuff“
然后试试这个代码-
function StuffClicked(chkBoxObj) {
var isNoStuffChecked = true;
if($('#chkBoxObj').is(':checked')) {
$('#chkNoStuff').prop('checked', false);
}
else {
$('[id^="chkStuff"]').each(function(){
if($(this).is(':checked')) {
isNoStuffChecked = false;
break;
}
});
}
$('#chkNoStuff').prop('checked', isNoStuffChecked );
}
$('#chkNoStuff').unbind('click').bind('click', function(){
$('[id^="chkStuff"]').each(function(){
$(this).prop('checked', false);
});
});希望这能有所帮助
Stack Overflow用户
发布于 2014-10-16 03:58:10
小提琴：
<label><input type="checkbox" class="jsNoStuff" /> No Stuff</label><br />
<label><input type="checkbox" class="jsStuff" /> Stuff 1</label><br />
<label><input type="checkbox" class="jsStuff" /> Stuff 2</label><br />
<label><input type="checkbox" class="jsStuff" /> Stuff 3</label><br />
<label><input type="checkbox" class="jsStuff" /> Stuff 4</label><br />
<script type="text/javascript">
jQuery(function ($) {
var $jsNoStuff = $('.jsNoStuff');
var $jsStuff = $('.jsStuff');
var fClickStuff = function () {
$jsNoStuff.prop('checked', false);
};
var fClickNoStuff = function () {
if ($jsNoStuff.is(':checked')) {
$jsStuff.prop('checked', false);
}
};
$jsNoStuff.click(fClickNoStuff);
$jsStuff.click(fClickStuff);
});
</script>Stack Overflow用户
发布于 2014-10-16 04:01:36
使用这个
<input type="checkbox" id="all" />
<input type="checkbox" class="a" />
<input type="checkbox" class="a" />
<input type="checkbox" class="a" />jquery
jQuery('#all').click(function(){
var that =$(this);
jQuery('.a').each(function(v){
if (that.is(':checked')){
$(this).attr('disabled', true);
}else{
$(this).attr('disabled', false);
}
});
})click here for see
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26390853
复制相关文章
相似问题
腾讯云开发者
