Переключение radiobutton на странице
Здравствуйте.
Подскажите на примере, как с помощью скрипта переключить одновременно несколько радиокнопок на странице? Нужно их найти по id на странице, и задать новое значение для всех. Только не с помощью кнопки к которой "прикручен" скрипт, а с помощью все тех-же radiobutto-ов. Т.е. на странице есть десяток радиокнопок, в каждом блоке по несколько штук. Нужно сделать для них общий переключатель, чтобы при его переключении, синхронно переключались все остальные радиокнопки на странице. |
примитивно ,но
<fieldset>
<label for="one1" >checked radio</label>
<input type="radio" name="radio1" id="one1" />
<label for="one2" >checked radio</label>
<input type="radio" name="radio1" id="one2" />
</fieldset>
<fieldset>
<label for="one3" >checked radio</label>
<input type="radio" name="radio2" id="one3" />
<label for="one4" >checked radio</label>
<input type="radio" name="radio2" id="one4" />
</fieldset>
<fieldset>
<label for="one5" >checked radio</label>
<input type="radio" name="radio3" id="one5" />
<label for="one6" >checked radio</label>
<input type="radio" name="radio3" id="one6" />
</fieldset>
<fieldset>
<label for="one7" >выбрать первый флажок во всх формах</label>
<input type="radio" name="radio4" id="one7" />
<label for="one8" >выбрать второй флажок во всх формах</label>
<input type="radio" name="radio4" id="one8" />
</fieldset>
<script>
function fn1(){
document.getElementsByTagName('fieldset')[0].getElementsByTagName('input')[0].checked=true;
document.getElementsByTagName('fieldset')[1].getElementsByTagName('input')[0].checked=true;
document.getElementsByTagName('fieldset')[2].getElementsByTagName('input')[0].checked=true;
}
function fn2(){
document.getElementsByTagName('fieldset')[0].getElementsByTagName('input')[1].checked=true;
document.getElementsByTagName('fieldset')[1].getElementsByTagName('input')[1].checked=true;
document.getElementsByTagName('fieldset')[2].getElementsByTagName('input')[1].checked=true;
}
document.getElementById('one7').addEventListener('click',fn1,false)
document.getElementById('one8').addEventListener('click',fn2,false)
</script>
|
тестовый пример с возможностью запуска [html run]
|
| Часовой пояс GMT +3, время: 17:08. |