[JQUERY] 라디오 버튼이 JQuery와 함께 확인 여부를 알아?

라디오 버튼이 JQuery와 함께 확인 여부를 알아?

해결법

1. ---

   1.

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

2. ---

   2.같은 이름의 속성을 공유하는 라디오 버튼의 그룹을 가지고 따라하기 제출하거나 당신이 원하는 어떤 이벤트가 이러한 라디오 버튼 중 하나가 체크 된 경우, 당신은 단순히 다음 코드하여이 작업을 수행 할 수 있습니다 확인하는 경우 :

   같은 이름의 속성을 공유하는 라디오 버튼의 그룹을 가지고 따라하기 제출하거나 당신이 원하는 어떤 이벤트가 이러한 라디오 버튼 중 하나가 체크 된 경우, 당신은 단순히 다음 코드하여이 작업을 수행 할 수 있습니다 확인하는 경우 :

   $(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 참조

3. ---

   3.나에 대한 오류 줬어요 Parag의 솔루션으로, 여기 (데이비드 Hedlund는의와 Parag의 결합) 내 솔루션입니다 :

   나에 대한 오류 줬어요 Parag의 솔루션으로, 여기 (데이비드 Hedlund는의와 Parag의 결합) 내 솔루션입니다 :

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

   이것은 나를 위해 좋은 일했다!

4. ---

   4.변경 이벤트가 IE에서 작동하지 않는 당신은 체크 박스의 클릭 이벤트를 바인딩해야 할 것이다.

   변경 이벤트가 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();
   

5. ---

   5.// 클래스를 통해 확인

   // 클래스를 통해 확인

   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         
   }
   

6. ---

   6.또 다른 방법은 사용하는 소품이다 (jQuery를> = 1.6) :

   또 다른 방법은 사용하는 소품이다 (jQuery를> = 1.6) :

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

7. ---

   7.특정 라디오 버튼이 체크되어있을 때 단지 '청중'을 필요로하는 해결책은 간단합니다. 해 :-

   특정 라디오 버튼이 체크되어있을 때 단지 '청중'을 필요로하는 해결책은 간단합니다. 해 :-

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

8. ---

   8.... 고마워 ... 필요한 모든 나는 세트의 각 라디오 버튼이 다른 ID를 가지고 확인 된 라디오 버튼의 '값'이었다 ...

   ... 고마워 ... 필요한 모든 나는 세트의 각 라디오 버튼이 다른 ID를 가지고 확인 된 라디오 버튼의 '값'이었다 ...

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

   나를 위해 작동 ...

9. ---

   9.라디오 버튼과 브라우저의 모든 종류의 작업

   라디오 버튼과 브라우저의 모든 종류의 작업

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

   작업 Jsfiddle 여기에

10. ---

    10.당신은 클릭 기능을 원하지 않는 경우 사용 jQuery를 변경 기능

    당신은 클릭 기능을 원하지 않는 경우 사용 jQuery를 변경 기능

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

    이것은 당신이 찾고있는 답을해야합니다. 당신은 1.9.1 위의 jQuery 버전을 사용하는 경우 라이브 기능이 사용되지 있었다로 사용하려고합니다.

11. ---

    11.동적 생성 라디오 버튼 체크 라디오 GET 값

    동적 생성 라디오 버튼 체크 라디오 GET 값

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

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

12. ---

    12.. $ ( '. 라디오 버튼 클래스 이름')입니다 ( '확인') 나를 위해 일을하지 않았다, 그러나 다음 코드는 잘 작동 :

    . $ ( '. 라디오 버튼 클래스 이름')입니다 ( '확인') 나를 위해 일을하지 않았다, 그러나 다음 코드는 잘 작동 :

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

13. ---

    13.이 시도

    이 시도

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

14. ---

    14.이 시도:

    이 시도:

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

15. ---

    15.jQuery를 여전히 인기가 있지만 종속성이없는하려는 경우, 아래를 참조하십시오. 라디오 버튼이 ES-2015 선택된 경우 짧은 & 클리어 기능을 찾을 수 있습니다 :

    jQuery를 여전히 인기가 있지만 종속성이없는하려는 경우, 아래를 참조하십시오. 라디오 버튼이 ES-2015 선택된 경우 짧은 & 클리어 기능을 찾을 수 있습니다 :

    함수 getValueFromRadioButton (명) { 복귀 ... document.getElementsByName (이름)] .reduce ((REZ, BTN) => (btn.checked btn.value : REZ), NULL) } CONSOLE.LOG (getValueFromRadioButton ( '지불'));

    <입력 유형 = "라디오"이름 = "지불"값 = "온라인">

16. ---

    16.이 JQuery와의 모든 버전에서 작동합니다.

    이 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

    $ ( '문서'). 준비 (함수 () { var에 checked_value = '확인'; 경우 : {(.. $는 ( "#의 your_form") (찾기 '[이름 = "radio_name은"]')입니다 (=== false)를 "확인") $ ( "#의 your_form") .find ( '[NAME = "radio_name"]) .filter ( "[값 ="+ checked_value + "]") .prop (사실, "확인"); } } ) <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">

    < "사용자"레이블 => 사용자 <입력 ID = "관리자"NAME = "radio_name"TYPE = "라디오"값 = "not_this_one"> <= "관리자"에 대한 라벨> 관리자

17. ---

    17.

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

    이전 1.6의 jQuery 버전의 사용 :

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

from https://stackoverflow.com/questions/2272507/find-out-whether-radio-button-is-checked-with-jquery by cc-by-sa and MIT license