对我在这里所做的事情比较陌生。我只是将我在这里找到的东西和其他开放资源放在一起。
我遇到的问题是 - 使用当前设置,一个人可以选择一个单选按钮并选中几个框,然后转到另一个单选按钮选项并选择其下的框。当有人选择单选按钮选项时,我试图让复选框全部选中,当有人在单选按钮组上选择另一个选项时,我试图让复选框全部选中。
因此,如果我在“常规”下选择选项“a”,然后转到“详细”- 应该取消选中“a”。
这是我在 JFiddle 中使用的代码
HTML:
<div id="RadioWidget">
<label><input type="radio" name="chkboxs" value="General" />General Clean</label>
<label><input type="radio" name="chkboxs" value="Detailed" />Detailed Clean</label>
<label><input type="radio" name="chkboxs" value="Commercial" />Commercial Clean</label>
</div>
<div id="General" class="desc">
<p class="maintextBlue">General
<label><input type="checkbox" name="GeneralOptn[]" value="a" />a</label>
<label><input type="checkbox" name="GeneralOptn[]" value="b" />b</label>
</p>
</div>
<div id="Detailed" class="desc">
<p class="maintextBlue">Detailed
<label><input type="checkbox" name="DetailedOptn[]" value="a" />a</label>
<label><input type="checkbox" name="DetailedOptn[]" value="b" />b</label>
</p>
</div>
<div id="Commercial" class="desc">
<p class="maintextBlue">Commercial
<label><input type="checkbox" name="CommercialOptn[]" value="a" />a</label>
<label><input type="checkbox" name="CommercialOptn[]" value="b" />b</label>
</p>
</div>
脚本:
$(document).ready(function() {
$("div.desc").hide();
$("input[name$='chkboxs']").click(function() {
var test = $(this).val();
$("div.desc").hide();
$("#" + test).show();
});
});
这是我发现的一段反转复选框状态的脚本。但不确定如何将它集成到单选按钮中。此代码段正在处理按钮的 onClick() fn。
$("A[href='#invert_selection']").click( function() {
$("#" + $(this).attr('rel') + " INPUT[type='checkbox']").each( function() {
$(this).attr('checked', !$(this).attr('checked'));
});
return false;
});
非常感谢任何帮助...
最佳答案
这需要您将 IDS 添加到您的输入字段中……但它会起作用。 如果你想控制多个输入字段,你总是可以使用类来..
jQuery("#generalA").click(function(){
if(jQuery(this).is(':checked')){
// is checked do some stuff if you want
}else{
// is mot checked uncheck the checkbox with an ID of #detailedA
jQuery('#detailedA').prop('checked', false);
}
return false;
});
关于javascript - 需要一种通过单选按钮集成反转功能(全部选中/取消全部选中)的方法 - 对于 Checkbox 组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26810435/