3

Добрый вечер. Есть 2 радиобаттона, как сделать проверку с помощью if, что выбран первый?

<input type="radio" name="r" value=l>1<br> 
<input type="radio" name="r" value=2>2<br>

4 ответа 4

4

функция check проверяет на чистом JS без каких-либо библиотек, а функция check2 с использованием jQuery

function check()
{
    var inp = document.getElementsByName('r');
    for (var i = 0; i < inp.length; i++) {
        if (inp[i].type == "radio" && inp[i].checked) {
            alert("selected: " + inp[i].value);
        }
    }
}

function check2(){
    alert("selected: " + $('input[name=r]:checked').val());
}

Пример

3

/**
 * функция isCheck возвращает выбранный элемент на чистом JS без каких-либо библиотек
 * @param name 
 * @returns {Element}
 */
function isCheck(name) {
    return document.querySelector('input[name="' + name + '"]:checked');
}

// пример использования:

alert(isCheck('r').id);
<div>
    <label class="radio">
        <input type="radio" name="r" id="one">первый
    </label>
    <label class="radio">
        <input type="radio" name="r" id="two" checked>второй
    </label>
</div>

1
  • Если вас не затруднит, дополните примером испольования функции.
    – 0xdb
    13 мая 2017 в 13:41
2
<input type="radio" name="r" value="l" onchange="check()">1<br/> 
<input type="radio" name="r" value="2" onchange="check()">2<br/>
<script>
 function check(){
  var rarr=document.getElementsByName("r");
  if(rarr[0].checked){
    //То выбран первый radio
  }
 }
</script>
0
JavaScript
let form = document.querySelector('.formValid');
let gender = document.getElementsByName('gender');
(form.gender.value !== 'on') ? console.log('not chek') : console.log('chek');

html

<form class="formValid">
    <div>
    <div>
         <label>Gender*</label>
    </div>
         <div>
              Female<input type="radio" name="gender">
              Male<input type="radio" name="gender">
         </div>
    </div>
</form>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.