Как добавить checked к radio при выборе другой radio-кнопки?

Question

[Евгений Шевцов]

Как добавить checked к radio при выборе другой radio-кнопки?
Например есть

<input type="radio" name="first"  value="1" >
<input type="radio" name="first"  value="2" >

и
<input type="radio" name="second" value="1" >

Как добавить checked="checked при выборе <input type="radio" name="first" value="1" > к <input type="radio" name="second" value="1" >
и так же убрать checked="checked из <input type="radio" name="second" value="1" >, если <input type="radio" name="first" value="1" > не выбран?

Answer 1

[Ivanq]

https://jsfiddle.net/Ivanq/x9njoLpb/
Или тоже самое с checkbox: https://jsfiddle.net/Ivanq/1843doq2/1/ С checkbox'ом даже лучше.

Поржал )

Comments

[R3AD]

document.getElementById на этом все ещё пишут?)

[Дмитрий Беляев]

R3AD: а на чем по Вашему пишут? на jQuery? а она на чем по Вашему сделана?

[R3AD]

Вот именно сделана на и js, сами и ответили на свой вопрос document.getElementById (прошлый век), изучайте, растите, что тут сказать. И вопрос был с value, а не id кстати)

Answer 2

[R3AD]

С определением по value

<input type="radio" name="first"  value="1" >
            <input type="radio" name="first"  value="2" >
            <input type="radio" name="second" value="1" >

$(document).ready(function () {
var inputBoxfirst = $("input[type=radio]");
var inputBoxsecond = $("input[name=second]");
    inputBoxfirst.click(function(){
        if($(this).val()==1) {
            inputBoxsecond.prop('checked', true);
        }
        else{
            inputBoxsecond.prop('checked', false);
        }
    });
});