복붙노트

[JQUERY] 선택된 라디오 버튼의 값을 얻을 JQuery와

JQUERY

선택된 라디오 버튼의 값을 얻을 JQuery와

해결법

  1. 1.그냥 사용.

    그냥 사용.

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

    그래서 쉽게 그 것이다.

  2. 2.첫째, 당신은 같은 ID로 여러 요소를 가질 수 없습니다. 난 당신이 어떻게 든 라디오에서 모든 ID를 제거하거나 고유 만들려고 ... 폼이 생성되는 방식을 제어 할 수는 없지만 말했다 알고있다.

    첫째, 당신은 같은 ID로 여러 요소를 가질 수 없습니다. 난 당신이 어떻게 든 라디오에서 모든 ID를 제거하거나 고유 만들려고 ... 폼이 생성되는 방식을 제어 할 수는 없지만 말했다 알고있다.

    확인 필터 : 선택한 라디오 버튼의 값을 가져 오려면와 이름을 선택합니다.

    var selectedVal = "";
var selected = $("input[type='radio'][name='s_2_1_6_0']:checked");
if (selected.length > 0) {
    selectedVal = selected.val();
}

    편집하다

    당신 그래서 이름을 제어 할 수 없습니다. 이 경우 I는 약간 선택기를 수정, radioDiv, 말,라는 DIV, 내부에 이러한 라디오 버튼 모두를 넣어 말할 것입니다 :

    var selectedVal = "";
var selected = $("#radioDiv input[type='radio']:checked");
if (selected.length > 0) {
    selectedVal = selected.val();
}

  3. 3.다음과 같이 선택된 라디오 버튼의 값을 얻을 수있는 가장 간단한 방법입니다 :

    다음과 같이 선택된 라디오 버튼의 값을 얻을 수있는 가장 간단한 방법입니다 :

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

    어떤 공간이 선택 사이에서 사용 될 수 없습니다.

  4. 4.

    $("#radioID") // select the radio by its id
    .change(function(){ // bind a function to the change event
        if( $(this).is(":checked") ){ // check if the radio is checked
            var val = $(this).val(); // retrieve the value
        }
    });

    DOM을 준비 기능이 포장해야합니다 ($ (함수 () {...}) 또는 $ (문서) .ready (함수 () {...});).

  5. 5.

    $(function(){
    $("#submit").click(function() {     
        alert($("input[name=q12_3]:checked").val());
    });
});

  6. 6.

    <input type="radio" class="radioBtnClass" name="numbers" value="1" />1<br/>
<input type="radio" class="radioBtnClass" name="numbers" value="2" />2<br/>
<input type="radio" class="radioBtnClass" name="numbers" value="3" />3<br/>

    이 체크 라디오 버튼 값을 반환합니다.

    if($("input[type='radio'].radioBtnClass").is(':checked')) {
    var card_type = $("input[type='radio'].radioBtnClass:checked").val();
    alert(card_type);
}

  7. 7.

     $("input[name='gender']:checked").val()

    중첩 된 속성

    $("input[name='lead[gender]']:checked").val()

    이름에 대한 하나의 중괄호를 잊지 마세요

  8. 8.모든 라디오를 얻을 :

    모든 라디오를 얻을 :

    var radios = $("input[type='radio']");

    필터 점검 년대를 얻을 수

    radios.filter(":checked");

    또는

    당신이 라디오 버튼 값을 찾을 수있는 또 다른 방법

    var RadeoButtonStatusCheck = $('form input[type=radio]:checked').val();

  9. 9.선택된 라디오 버튼, 사용 RadioButtonName과의 RadioButton을 포함하는 양식 ID 값을 얻으려면.

    선택된 라디오 버튼, 사용 RadioButtonName과의 RadioButton을 포함하는 양식 ID 값을 얻으려면.

    $('input[name=radioName]:checked', '#myForm').val()

    또는 단지로

    $('form input[type=radio]:checked').val();

  10. 10.

    <div class="dtl_radio">
  Metal purity : 
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="92" checked="">
    92 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="75">
    75 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="58.5">
    58.5 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="95">
    95 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="59">
    59 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="76">
    76 %
  </label>
    <label>
    <input type="radio" name="purityradio" class="gold_color" value="93">
    93 %
  </label>
   </div>

    VAR check_value = $ ( 'gold_color :. 확인'). 발 ();

  11. 11.코드 아래 사용

    코드 아래 사용

    $('input[name=your_radio_button_name]:checked').val();

    참고이 값 속성은 당신의 결과에 "남성"또는 "여성"을 얻을 수 있도록 정의되어야한다 바랍니다.

    <div id='div_container'>
<input type="radio" name="Gender" value="Male" /> Male <br />
<input type="radio" name="Gender" value="Female" /> Female
</div>

  12. 12.각각 다른 부분과 관련된 라디오 그룹의 컬렉션 예를 들어 작업은 아래를 참조하십시오. 귀하의 명명 방식은 중요하지만, 이상적으로 당신은 시도해야하고 (그들이 여기 같은 부분에있어 특히) 어쨌든 입력에 대한 일관된 명명 체계를 사용합니다.

    각각 다른 부분과 관련된 라디오 그룹의 컬렉션 예를 들어 작업은 아래를 참조하십시오. 귀하의 명명 방식은 중요하지만, 이상적으로 당신은 시도해야하고 (그들이 여기 같은 부분에있어 특히) 어쨌든 입력에 대한 일관된 명명 체계를 사용합니다.

    $ ( '# 제출'). (함수 ()을 클릭합니다 { VAR 부 = $ ( '입력 : 라디오 [이름 = "sec_num"] : 체크'). 발 (); VAR 질문 = $ ( '입력 : 라디오 [이름 = "qst_num"] : 선택'). 발 (); VAR selectedVal = checkVal (섹션 질문); . $ ( '#의 show_val_div') 텍스트 (selectedVal); $ ( '#의 show_val_div') 쇼 ().; }); 기능 checkVal (섹션, 질문) { VAR 값 = $. ( '입력 : 라디오 [NAME = "초"+ 섹션 +'_ R '는 질문 + +' "] : 체크 ') 발 () || "선택이 이루어진다"; 값을 반환; } * {여백 : 0; } DIV {마진 - 하단 : 20 픽셀; 패딩 : 10px; } H5, 라벨 {디스플레이 인라인 블록; } .small {폰트 크기 : 12 픽셀; } .hide {디스플레이 : 없음; } #formDiv {패딩 : 10px; 국경 : 1 픽셀의 검은 색; } .center {디스플레이 : 블록; 여백 : 0 자동; 텍스트 정렬 : 센터; } <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

    제 1

    첫 질문 텍스트

  13. 13.

    if (!$("#InvCopyRadio").prop("checked") && $("#InvCopyRadio").prop("checked"))
    // do something

  14. 14.예를 들어 이것을 시도

    예를 들어 이것을 시도

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1  /jquery.min.js"></script>
<form id="myForm">
<input type="radio" name="radio" value="first"/> 1 <br/>
<input type="radio" name="radio" value="second"/> 2 <br/>
</form>



<script>
$(document).ready(function () {
    $('#myForm').on('click', function () {
        var value = $("[name=radio]:checked").val();

        alert(value);
    })
});
</script>

  15. 15.이름 만

    이름 만

    $(function () {
    $('input[name="EventType"]:radio').change(function () {
        alert($("input[name='EventType']:checked").val());
    });
});

  16. 16.

    $("#InvCopyRadio:checked").val();

    나는이 의지의 도움을 바랍니다.

  17. 17.이 간단한 주제를 설명하는 가장 좋은 방법은 간단한 예제 및 참조 링크를 제공하는 것입니다 : -

    이 간단한 주제를 설명하는 가장 좋은 방법은 간단한 예제 및 참조 링크를 제공하는 것입니다 : -

    HTML :

    <form id="Demo">
<input type="radio" name="Gender" value="Male" /> Male <br />
<input type="radio" name="Gender" value="Female" /> Female<br />
<input type="radio" name="Gender" value="others" /> others <br />
</form>

    JQuery와 -

     $(document).ready(function(){
        $('#Demo input').on('change', function() {
            alert($('input[name="Gender"]:checked', '#Demo').val());
        });
    });

  18. 18.나는이 늦게 합류하고 있음을 알고있다. 그러나이 소요되는 가치에 대한 언급이다

    나는이 늦게 합류하고 있음을 알고있다. 그러나이 소요되는 가치에 대한 언급이다

    <label class="custom-control-label" for="myRadioBtnName">Personal Radio Button</label>

    그리고 난 내 JS이를 확인했습니다. 그것은 등이 될 수있다

    $(document).ready(function () { 

$("#MyRadioBtnOuterDiv").click(function(){
    var radioValue = $("input[name=myRadioButtonNameAttr]:checked").val();
    if(radioValue === "myRadioBtnName"){
        $('#showMyRadioArea').show();
    }else if(radioValue === "yourRadioBtnName"){
        $('#showYourRadioArea').show();
    }
});
});

    `

  19. 19.

    <div id="subscriptions">
 Company Suscription: <input type="radio" name="subsrad" value="1">
 Customer Subscription:<input type="radio" name="subsrad" value="2">
 Manully Set:<input type="radio" name="subsrad" value="MANUAL">
 NO Subscription:<input type="radio" name="subsrad" value="0">
 </div>

    DIV ID를 통해 변경된 값 세트 / 대한 같은 경고 및 핸들 JQuery와 :

    $("#subscriptions input") // select the radio by its id
    .on('change', function(){ // bind a function to the change event
    alert($('input[name="subsrad"]:checked', '#subscriptions').val());
            });

    그것은 .... 쉽습니다 : -}

  20. 20.나는 자바 스크립트 사람이 아니지만, 나는이 문제를 검색 여기를 발견했다. 누가 그것을 구글 여기에 찾을 경우, 나는이 몇 가지 도움 것으로 기대하고있다. 따라서, 문제로 우리는 라디오 버튼의 목록이있는 경우 :

    나는 자바 스크립트 사람이 아니지만, 나는이 문제를 검색 여기를 발견했다. 누가 그것을 구글 여기에 찾을 경우, 나는이 몇 가지 도움 것으로 기대하고있다. 따라서, 문제로 우리는 라디오 버튼의 목록이있는 경우 :

    <div class="list">
    <input type="radio" name="b1" value="1">
    <input type="radio" name="b2" value="2" checked="checked">
    <input type="radio" name="b3" value="3">
</div>

    나는이 셀렉터로 선택하는 하나 찾을 수 있습니다 :

    $('.list input[type="radio"]:checked:first').val();

    어떤 요소가 선택되지 존재하더라도, 난 아직 정의되지 않은 오류가 발생하지 않습니다. 그래서, 당신은 요소의 값을 복용하기 전에 추가 if 문을 작성할 필요가 없습니다.

    여기에 아주 기본적인 jsfiddle의 예입니다.

  21. 21.HTML 코드 :

    HTML 코드 :

     <input type="radio" name="active_status" class="active_status" value="Hold">Hold 
 <input type="radio" name="active_status" class="active_status" value="Cancel">Cancel 
 <input type="radio" name="active_status" class="active_status" value="Suspend">Suspend

    JQuery와 코드 :

    $(document).on("click", ".active_status", function () {
 var a = $('input[name=active_status]:checked').val();  
 (OR)   
 var a = $('.active_status:checked').val();
 alert(a);
});

  22. 22.어레이 그룹 멀티 라디오 버튼 변환 값

    어레이 그룹 멀티 라디오 버튼 변환 값

    VAR의 도착 = []; 함수 R (n)이 { VAR 부 = $ ( '입력 : 라디오 [NAME = "'+ N + '"] : 체크') 발 (). 도착 [N] = 섹션; CONSOLE.LOG (편곡) } <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 1 2 3 로
    4 5 6

  23. 23.여기서 2 개 라디오 버튼 즉, RD1 및 Radio1있다

    여기서 2 개 라디오 버튼 즉, RD1 및 Radio1있다

    <input type="radio" name="rd" id="rd1" />
<input type="radio" name="rd" id="Radio1" />

    개인을 확인하여, 확인 된 라디오 버튼을 확인하는 가장 간단한 방법은 : 속성 ( "선택")

    if ($("#rd1").is(":checked")) {
      alert("rd1 checked");
   }
 else {
      alert("rd1 not checked");
   }

  24. 24.다른 답변에 의해 제안도 입력 할 필요가 없습니다. 다음 코드도 사용할 수 있습니다 :

    다른 답변에 의해 제안도 입력 할 필요가 없습니다. 다음 코드도 사용할 수 있습니다 :

    var variable_name = $("[name='radio_name']:checked").val();

  25. 25.

        <input type="radio" name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 >

$(function() {
      $("#submit").click(function() {
        alert($('input[name=s_2_1_6_0]:checked').val());
      });
    });`

  26. 26.

    HTML Code
<input id="is_verified" class="check" name="is_verified" type="radio" value="1"/>
<input id="is_verified" class="check" name="is_verified" type="radio" checked="checked" value="0"/>
<input id="submit" name="submit" type="submit" value="Save" />

Javascript Code
$("input[type='radio'].check").click(function() {
    if($(this).is(':checked')) {
        if ($(this).val() == 1) {
            $("#submit").val("Verified & Save");
        }else{
            $("#submit").val("Save");
        }
    }
});

  27. 27.경우 당신이 특정 이름을 모르거나 형태로 모든 라디오 입력을 확인하고 싶지 않아, 당신은 한 번만 각 라디오 그룹 값을 확인하기 위해 글로벌 VAR을 사용할 수 있습니다 : `

    경우 당신이 특정 이름을 모르거나 형태로 모든 라디오 입력을 확인하고 싶지 않아, 당신은 한 번만 각 라디오 그룹 값을 확인하기 위해 글로벌 VAR을 사용할 수 있습니다 : `

            var radio_name = "";
        $("form).find(":radio").each(function(){
            if (!radio_name || radio_name != $(this).attr('name')) {
                radio_name = $(this).attr('name');
                var val = $('input[name="'+radio_name+'"]:checked').val();
                if (!val) alert($('input[name="'+radio_name+'"]:checked').val());
            }
        });`

    28. from https://stackoverflow.com/questions/8622336/jquery-get-value-of-selected-radio-button by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] `on`와`live` 또는`bind`의 차이점은 무엇입니까?  (0) 2020.10.06
[JQUERY] 어떻게 해제 HTML 링크에  (0) 2020.10.06
[JQUERY] 방지 때 내부 소자 스크롤 위치에 도달 위쪽 / 아래쪽 부모 요소의 스크롤? [복제]  (0) 2020.10.06
[JQUERY] jQuery로 클리어 폼 필드  (0) 2020.10.06
[JQUERY] 속성은 요소가 있는지 확인으로 hasattr jQuery를 [중복]  (0) 2020.10.06
,

티스토리툴바