라디오 버튼이 JQuery에서 확인되었는지 확인합니다.

라디오 버튼이 JQuery에서 확인되었는지 확인합니다.

라디오 버튼을 '좋게'로 설정할 수 있지만, 특정 라디오 버튼을 선택하면 활성화되는 일종의 '청취기'를 설정하고 싶습니다.

예를 들어 다음 코드를 예로 들어 보겠습니다.

$("#element").click(function()
{ 
    $('#radio_button').attr("checked", "checked");
});

체크된 Atribute가 추가되어 모두 정상입니다만, 경보를 추가하는 방법은 어떻게 하면 좋을까요?예를 들어 클릭 기능의 도움 없이 라디오 버튼을 체크했을 때 표시되는 것입니까?

$('#element').click(function() {
   if($('#radio_button').is(':checked')) { alert("it's checked"); }
});

같은 이름 Atribute를 공유하고 있는 옵션버튼 그룹이 있어 송신 시 또는 이벤트 중 하나의 옵션버튼이 체크되었는지 여부를 확인하는 경우는, 다음의 코드로 간단하게 실시할 수 있습니다.

$(document).ready(function(){
  $('#submit_button').click(function() {
    if (!$("input[name='name']:checked").val()) {
       alert('Nothing is checked!');
        return false;
    }
    else {
      alert('One of the radio buttons is checked!');
    }
  });
});

원천

jQuery API 참조

Parag의 솔루션이 나에게 오류를 일으켰기 때문에 나의 솔루션(David Hedlund와 Parag의 솔루션 조합)은 다음과 같습니다.

if (!$("input[name='name']").is(':checked')) {
   alert('Nothing is checked!');
}
else {
   alert('One of the radio buttons is checked!');
}

나한텐 잘 먹혔어!

IE에서는 변경 이벤트가 동작하지 않기 때문에 체크박스의 클릭 이벤트를 바인드해야 합니다.

$('#radio_button').click(function(){
    // if ($(this).is(':checked')) alert('is checked'); 
    alert('check-checky-check was changed');
});

이제 프로그래밍 방식으로 상태를 변경할 때 이 이벤트도 트리거해야 합니다.

$('#radio_button').attr("checked", "checked");
$('#radio_button').click();

//수업 확인

if($("input:radio[class='className']").is(":checked")) {
     //write your code         
}

//이름 확인

if($("input:radio[name='Name']").is(":checked")) {
         //write your code         
}

//데이터 확인

if($("input:radio[data-name='value']").is(":checked")) {
         //write your code         
}

또 다른 방법은 (jQuery > = 1.6)을 사용하는 것입니다.

$("input[type=radio]").click(function () {
    if($(this).prop("checked")) { alert("checked!"); }
});

특정 라디오 버튼을 선택하면 '청취자'만 필요하므로 해결책은 간단할 것이다.실행:-

if($('#yourRadioButtonId').is(':checked')){ 
// Do your listener's stuff here. 
}

모든 유형의 옵션버튼 및 브라우저 조작

if($('#radio_button_id')[0].checked) {
   alert("radiobutton checked")
}
else{
   alert("not checked");
}

여기서 Jsfiddle 작업

...고마워 얘들아...내가 필요한 것은 체크된 라디오 버튼의 값이었다.여기서 세트의 각 라디오 버튼은 다른 ID를 가지고 있다.

 var user_cat = $("input[name='user_cat']:checked").val();

나한테는...

클릭 기능을 원하지 않는 경우 Jquery 변경 기능을 사용합니다.

$('#radio_button :checked').live('change',function(){
alert('Something is checked.');
});

Jquery 버전 1.9.1보다 높은 버전을 사용하는 경우 라이브 기능이 권장되지 않으므로 에서 사용해보십시오.

Ultimate Solution OnChang 메서드 JQUERY > 3.6을 사용하여 라디오 버튼이 체크되었는지 여부를 검출

         $('input[type=radio][name=YourRadioName]').change(()=>{
             alert("Hello"); });

클릭한 라디오 버튼 값 가져오기

 var radioval=$('input[type=radio][name=YourRadioName]:checked').val();

dynamic generated 라디오버튼 체크 무선 get 값

$("input:radio[name=radiobuttonname:checked").val();

On change 다이내믹 라디오 버튼

$('input[name^="radioname"]').change(function () {if (this.value == 2) { }else{}});

$('radio-button-class-name'). on')은 사용할 수 없었지만 다음 코드는 정상적으로 동작했습니다.

    if(typeof $('.radio-button-class-name:checked').val() !== 'undefined'){
     // radio button is checked
    }

jQuery는 여전히 인기가 있지만 종속성을 사용하지 않으려면 아래를 참조하십시오.ES-2015에서 라디오 버튼이 선택되어 있는지 확인하기 위한 짧은 & 지우기 기능:

function getValueFromRadioButton( name ){
  return [...document.getElementsByName(name)]
         .reduce( (rez, btn) => (btn.checked ? btn.value : rez), null)
}

console.log( getValueFromRadioButton('payment') );

<div>  
  <input type="radio" name="payment" value="offline">
  <input type="radio" name="payment" value="online">
  <input type="radio" name="payment" value="part" checked>
  <input type="radio" name="payment" value="free">
</div>

이거 먹어봐

    if($('input[name="radiobutton"]:checked').length == 0) {
        alert("Radio buttons are not checked");
    }

이것을 시험해 보세요.

alert($('#radiobutton')[0].checked)

이것은 모든 버전의 jquery에서 작동합니다.

//-- Check if there's no checked radio button
if ($('#radio_button').is(':checked') === false ) {
  //-- if none, Do something here    
}

특정 라디오 버튼이 선택되어 있을 때 일부 기능을 활성화합니다.

// get it from your form or parent id
    if ($('#your_form').find('[name="radio_name"]').is(':checked') === false ) {
      $('#your_form').find('[name="radio_name"]').filter('[value=' + checked_value + ']').prop('checked', true);
    }

html

$('document').ready(function() {
var checked_value = 'checked';
  if($("#your_form").find('[name="radio_name"]').is(":checked") === false) {
      $("#your_form")
        .find('[name="radio_name"]')
        .filter("[value=" + checked_value + "]")
        .prop("checked", true);
    }
  }
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="" id="your_form">
  <input id="user" name="radio_name" type="radio" value="checked">
        <label for="user">user</label>
  <input id="admin" name="radio_name" type="radio" value="not_this_one">
    <label for="admin">Admin</label>
</form>

$("#radio_1").prop("checked", true);

1.6 이전 버전의 jQuery의 경우 다음을 사용합니다.

$("#radio_1").attr('checked', 'checked');

언급URL : https://stackoverflow.com/questions/2272507/find-out-whether-radio-button-is-checked-with-jquery