Javascript 是否有一种基于单选按钮单击填充复选框的方法?
我有三个单选按钮和17个复选框。我希望选中的单选按钮可以填充一组复选框,同时还可以让用户在必要时选择更多。有什么方法可以做到这一点吗?JavaScript有能力做到这一点(jQuery使这一点变得容易得多)。您需要在单选按钮上设置“onClick”功能,然后可以设置复选框的选中值。例如,此功能将根据单击的单选按钮打开/关闭复选框Javascript 是否有一种基于单选按钮单击填充复选框的方法?,javascript,jquery,html,Javascript,Jquery,Html,我有三个单选按钮和17个复选框。我希望选中的单选按钮可以填充一组复选框,同时还可以让用户在必要时选择更多。有什么方法可以做到这一点吗?JavaScript有能力做到这一点(jQuery使这一点变得容易得多)。您需要在单选按钮上设置“onClick”功能,然后可以设置复选框的选中值。例如,此功能将根据单击的单选按钮打开/关闭复选框 function CheckBoxes(selection) { if(selection == 1) { // Checks checkbox
function CheckBoxes(selection) {
if(selection == 1) {
// Checks checkbox with id "CheckBoxID"
$("#CheckBoxID").prop("checked", true);
// Unchecks checkbox with id "CheckBoxID2"
$("#CheckBoxID2").prop("checked", false);
}
else if(selection == 2) {
// Unchecks checkbox with id "CheckBoxID"
$("#CheckBoxID").prop("checked", false);
// Checks checkbox with id "CheckBoxID2"
$("#CheckBoxID2").prop("checked", true);
}
// etc, depending on how many radio buttons and checkboxes you have
}
通过执行以下操作,可使用单选按钮调用此函数:
<input type="radio" id="radio1" name="someName" value="someValue1" onclick="CheckBoxes(1)">
<input type="radio" id="radio2" name="someName" value="someValue2" onclick="CheckBoxes(2)">
<input type="radio" id="radio3" name="someName" value="someValue3" onclick="CheckBoxes(3)">
.
不喜欢“javascript可以做到这一点,但使用jquery会更简单”的措辞。@ChrisFarmer,我同意这听起来有点不对劲。
$('#radio1').click(function(){CheckBoxes(1)});
$('#a,#b,#c').on('click', function() {
if( $(this).is(':checked')){
$('.'+ this.id).show();
}
});