Меню
Что нового?

Переключатели в формах

dima333

Новичок
Переключатели в формах

На сайте есть форма с переключателями двух типов:
<input type="radio" value="V1" name="R1">
<input type="radio" value="V2" name="R1">
<input type="radio" value="V3" name="R1">

и

<input type="radio" value="V1" name="R2">
<input type="radio" value="V2" name="R2">
<input type="radio" value="V3" name="R2">

Как сделать так чтобы если выбрали в первом блоке переключателей первый, то во втором блоке переключателей все стали не активными???
 
maxwell

maxwell

artifex
PuMi, причем тут Jquery?
PHP: 
function disableRadio(ch) {
    if (ch) {
        var radioBtns = document.getElementsByName("R2");
        for (var i = 0; i < radioBtns.length; i++) {
            radioBtns[i].disabled = true;
        }
    } 
}
...
<input type="radio" value="V1" name="R1" onClick="disableRadio(this.checked);">
 
pilot911

pilot911

Новичок
Re: Переключатели в формах

Автор оригинала: dima333
На сайте есть форма с переключателями двух типов:
<input type="radio" value="V1" name="R1">
<input type="radio" value="V2" name="R1">
<input type="radio" value="V3" name="R1">

и

<input type="radio" value="V1" name="R2">
<input type="radio" value="V2" name="R2">
<input type="radio" value="V3" name="R2">

Как сделать так чтобы если выбрали в первом блоке переключателей первый, то во втором блоке переключателей все стали не активными???
Нажмите для раскрытия...
на jquery это делается одной строчкой

<input type="radio" value="V1" name="R1" onclick="$('input[name=R2]').attr('checked', false); return true;" />
 
AmdY

AmdY

Пью пиво
Команда форума
лол
15k + 1 строчка и всё для того чтобы работало неправильно. правду кто-до здесь говорил, что фреймворки атрофируют мозг. не активными вроде должно подразумневать disable
PHP: 
function disableRadio(ch) { 
    var radioBtns = document.getElementsByName("R2"); 
    for (var i = 0; i < radioBtns.length; i++) { 
        radioBtns[i].disabled = ch; 
    } 
} 
... 
<input type="radio" value="V1" name="R1" onClick="disableRadio(true);">
<input type="radio" value="V2" name="R1" onClick="disableRadio(false);">
<input type="radio" value="V3" name="R1" onClick="disableRadio(false);">
 
maxwell

maxwell

artifex
pilot911, тащим 15кб кода чтобы потом 1 строчку написать.
Бедные пользователи.
 
флоппик

флоппик

promotor fidei
Команда форума
Партнер клуба
AmdY, я не против JQuery. Она мне очень нравится. И она правда позволит сэкономить код... в достаточно большом проекте. Кроссбраузерность, да. Я люблю, когда язык программирования ведет себя предсказуемо. Но в таких простеньких случаях — просто грех.
 

FB3

Новичок
Автор оригинала: AmdY
PHP: 
function disableRadio(ch) { 
    var radioBtns = document.getElementsByName("R2"); 
    for (var i = 0; i < radioBtns.length; i++) { 
        radioBtns[i].disabled = ch; 
    } 
}
Нажмите для раскрытия...
А разве getElementsByName - это не фича чисто IE? Раньше так работало только в нем. Тем более, что это еще и не по стандарту ECMA Script вроде как.
 

BRat

o_0
Войдите или зарегистрируйтесь для ответа.
Сверху