developer tip

jquery를 사용하여 라디오 그룹에서 값 가져 오기

copycodes 2020. 10. 26. 08:06
반응형

jquery를 사용하여 라디오 그룹에서 값 가져 오기


이름이있는 라디오 그룹의 가치를 얻으려고합니다 managerelradio. 이 라디오 그룹의 내 HTML 코드는 다음과 같습니다.

 <label><input type="radio" name="managerelradio" value="Yes" id="Add">Add</label>
 <label><input type="radio" name="managerelradio" value="No" id="Remove">Remove</label>

그리고 이것에 대한 Jquery는 ..

    var manageradiorel = $('input[name = "managerelradio"]:checked' , '#managechildform').val();
 alert(manageradiorel);

나에게 정의되지 않은 것을 보여주는 것.

나는 또한 그것을 시도했지만.

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

하지만 여전히 정의되지 않은 가치를 얻고 있습니다.


이 시도

var manageradiorel = $("input:radio[name ='managerelradio']:checked").val();
alert(manageradiorel);

데모를 확인 하십시오 .. 잘 작동합니다.

참고 : 라디오 버튼 중 하나를 선택해야합니다. 그렇지 않으면 undefined를 반환합니다.

checked속성을 사용하여 라디오 버튼을 기본값으로 선택할 수 있습니다.


그것은 나를 위해 작동합니다

$('input[name="managerelradio"]').on('change', function(e) {

    var manageradiorel = e.target.value;
    alert(manageradiorel);

});

여기 Exaple


이것을 좀 더 쉽게 만들어주는 작은 jQuery 확장 :

jQuery.fn.extend({
    groupVal: function() {
        return $(this).filter(':checked').val();
    }
});

// Usage:
$("input[name='managerelradio']").groupVal();

// Or even:
$("[name='managerelradio']").groupVal();

참고 URL : https://stackoverflow.com/questions/7723505/get-value-from-radio-group-using-jquery

반응형