[jquery] jQuery는 선택한 라디오 버튼의 가치를 얻습니다.

Program / 글쓴이

문제는 간단합니다. 사용자가 라디오 그룹에서 라디오 버튼을 선택했는지 확인해야합니다. 그룹의 모든 라디오 버튼은 동일한 ID를 공유합니다.

문제는 양식 생성 방법을 제어 할 수 없다는 것입니다. 다음은 라디오 버튼 제어 코드의 모양에 대한 샘플 코드입니다.

<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 >

또한 라디오 버튼을 선택할 때 “체크 된”속성을 텍스트에 체크 한 텍스트에만 추가하지 않습니다 (값없이 체크 된 속성 만 추측합니다) . 아래는 선택된 라디오 컨트롤의 모습입니다

<input type="radio" checked 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 >

선택한 라디오 버튼의 가치를 얻는 데 도움이되는 jQuery 코드를 도와 줄 사람이 있습니까?

답변

그냥 사용하십시오.

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

너무 쉽습니다.

답변

먼저 동일한 ID를 가진 여러 요소를 가질 수 없습니다. 양식 작성 방법을 제어 할 수는 없지만 라디오에서 모든 ID를 제거하거나 고유하게 만드는 방법을 시도하십시오.

선택한 라디오 버튼의 값을 얻으려면 :checked필터를 사용하여 이름별로 선택하십시오 .

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

편집하다

따라서 이름을 제어 할 수 없습니다. 이 경우이 라디오 버튼을 div 안에 모두라는 이름으로 말한 radioDiv다음 선택기를 약간 수정하십시오.

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

답변

선택된 단일 선택 단추 값을 얻는 가장 간단한 방법은 다음과 같습니다.

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

선택기 사이에 공간이 없어야합니다.

답변

$("#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 함수 ( $(function(){...});또는 $(document).ready(function(){...});)로 묶어야 합니다.

답변

  1. 코드에서 jQuery는 이름이 q12_3 인 입력의 첫 번째 인스턴스를 찾습니다.이 경우 값은 1입니다 :checked. 이름이 q12_3 인 입력을 원합니다 .
$(function(){
    $("#submit").click(function() {
        alert($("input[name=q12_3]:checked").val());
    });
});
  1. 위 코드는를 사용하는 것과 다릅니다
    .is(":checked"). jQuery의 is()
    함수는 요소가 아닌 부울 (true 또는 false)을 반환합니다.

답변

<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);
}

답변

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

중첩 속성

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

이름에 단일 괄호를 잊지 마십시오