【发布时间】：2016-08-18 06:04:34
【问题描述】：
我正在尝试编写一个 JavaScript 代码，如果选中某个组中的任何复选框，则应该填充一个单选按钮。
以下是我正在处理的代码：
<html>
<head>
<title>Radio buttons and checkboxes</title>
</head>
<body>
<form>
<h3>Radio Buttons</h3>
<input type="radio" name="radio1" id="radio1"> Radio 1
<br>
<input type="radio" name="radio2" id="radio2">Radio 2
<br>
<br>
<h3>Checkbox Groups</h3>
<h4><u>Group 1</u></h4>
<p align="center"><u>PD</u></p>
<ul>
<li><input type="checkbox" name="G1PD1">G1 PD1</li>
<li><input type="checkbox" name="G1PD2">G1 PD2</li>
</ul>
<p align="center"><u>ID</u></p>
<ul>
<li><input type="checkbox" name="G1ID1">G1 ID1</li>
<li><input type="checkbox" name="G1ID2">G1 ID2</li>
</ul>
<h4><u>Group 2</u></h4>
<p align="center"><u>PD</u></p>
<ul>
<li><input type="checkbox" name="G2PD1">G2 PD1</li>
<li><input type="checkbox" name="G2PD2">G2 PD2</li>
</ul>
<p align="center"><u>ID</u></p>
<ul>
<li><input type="checkbox" name="G2ID1">G2 ID1</li>
<li><input type="checkbox" name="G2ID2">G2 ID2</li>
</ul>
</form>
</body>
</html>
这就是我希望 JavaScript 做的事情。如果选中第 1 组和第 2 组中 PD 部分下的任何复选框，则应填充单选按钮 Radio 1。同样，如果选中第 1 组和第 2 组中 ID 部分下的任何复选框，则应填充单选按钮 Radio 2。
如何为此编写 jQuery 或 JavaScript 代码？
更新
使用@gibberish 的答案，我能够编写这个 JS 代码：
<script>
$('input:checkbox').click(function(){
var cc = this.className;
if (cc=="pdcb"){
$('#radio2').prop('checked',false);
$('#radio1').prop('checked',true);
}else if (cc=="idcb"){
$('#radio1').prop('checked',false);
$('#radio2').prop('checked',true);
}
else
{
$('#radio1').prop('checked',false);
$('#radio2').prop('checked',false);
}
});
</script>
我的新问题是，如果没有选中任何复选框，我如何取消选择这两个单选按钮？
【问题讨论】：
-
你能在你的 JS 代码中发布你到目前为止所做的事情吗？
-
为什么你的单选按钮有不同的
name属性？收音机应该在组中使用，并且通过给出相同的name来定义一个组... -
@TWFPSP 我还没有写任何 JS 代码。我对 JS 完全陌生。
-
@nnnnnn 啊！好的！我将 name 属性更改为具有相同的属性。
-
Stack Overflow 不是代码编写服务。尝试自己编写代码，如果遇到特定困难，请在此处提问。
标签： javascript jquery html checkbox radio