Question

您好，我需要HTML和JavaScript代码的帮助... 在HTML中我有RadioButtons和下拉列表（组合框）。但我需要JavaScript代码。如果我从组合框“volvo”中选择Value，则显示3个单选按钮。我正在做一些测试/ quizz 我需要快速帮助。请帮忙......

<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<tr>
<td><input type="radio" name="inputC[0]" value="0" /> 0</td>
<td><input type="radio" name="inputC[0]" value="1" /> 1</td>
<td><input type="radio" name="inputC[0]" value="2" /> 2</td>

</tr>

Answer 1

所以，这是你的HTML（一点点优化标记）：

<select id="car" onchange="checkTest()">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi" >Audi</option>
</select>
<label for="inputC[0]0">
    <input type="radio" name="inputC[0]" id="inputC[0]0" value="0" />
    0
</label>
<label for="inputC[0]1">
    <input type="radio" name="inputC[0]" id="inputC[0]1" value="1" />
    1
</label>
<label for="inputC[0]2">
    <input type="radio" name="inputC[0]" id="inputC[0]2" value="2" />
    2
</label>

这是你的JS（这只是为了解释porpuses）：

var inputC = document.getElementsByName('inputC[0]'); // Get all Radiobuttons
for(var i = 0; i < inputC.length; i++) { //Loop through every Radiobutton
    if(document.getElementById('car').selectedIndex == 0) { //Check if Combobox Index 1 is Selected
            inputC.item(i).parentNode.style.visibility = 'hidden'; //Set Parent of Radiobutton (label) to hidden
    } else {
            inputC.item(i).parentNode.style.visibility = 'visible'; //Set Parent of Radiobutton (label) to visible
    }
}

希望我能提供帮助！

如果ComboBox值那么单选按钮可见JavaScript

1 个答案: