Если значение ComboBox, то радиокнопка видна JavaScript

Question

Если значение ComboBox, то радиокнопка видна JavaScript

0

Привет, поэтому мне нужна помощь для кода HTML и JavaScript... В HTML у меня есть RadioButtons и выпадающий список (поле со списком). Но мне нужен код JavaScript. Если я выберу Value из combobox volvo, тогда покажут 3 переключателя. Я работаю над некоторыми тестами/опросми. Мне нужна эта помощь быстро. Пожалуйста, помогите...

<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>

user3537210 15 апр. 2014, в 21:14

Источник

0

Что вы уже пытались сделать?
bobthedeveloper 15 апр. 2014, в 18:31

Теги:

javascript

html

css

combobox

1 ответ

Ещё вопросы

Michael · Answer 1 · 2014-04-15T15-58-00.000Z

Итак, вот ваш 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 (это только для объяснения постов):

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
    }
}

Надеюсь, я мог бы помочь!

Ничего ... Мне нужен какой-то код, который в начале скажет, что радиокнопки невидимы. Затем через JavaScript будет видно ...
Затем просто добавьте style="visibility: hidden;" во всех тегах <label>