radiobutton checked(asp.net)

작업을 하다보면 라디오 버튼을 사용할 때가 많다. 특히 닷넷 같은 경우는 컨트롤의 ID를 서버단에서 설정해줘서 클라이언트 언어(Javascript)에서 어떻게 제어할지 막막할 때가 생긴다. 이를 해결하기 위한 방법은 없는것인가?

하여 오늘은 radiobutton checked(asp.net) 라디오버튼이 체크 되었는지 알아보는 시간을 가져보겠습니다.

var ctl = document.getElementById("<%=_rblCom.ClientID%>");
var radio = ctl.getElementsByTagName("input");

var COM = "";
                   

for (var i = 0; i < radio.length; i++) {
    if (radio[i].checked) {
        COM = radio[i].value;
        break;
    }
}

또한 Jquery를 사용하면 더욱 간단하게 구현이 가능 합니다.

// 라디어버튼 클릭 이벤트
$('#<%= _rblCom.ClientID %> input').click(function (e) {
   var val = $('#<%= _rblCom.ClientID %>').find('input:checked').val();
});

// 라디오버튼 값변경 이벤트
$('#<%= _rblCom.ClientID %>').change(function (e) {
   var val = $('#<%= _rblCom.ClientID %>').find('input:checked').val();
});

// 라디오버튼 루프
$('#<%= _rblCom.ClientID %>').each(function () {
    if (this.checked) {
        alert(this.value)
    }

이상으로 radiobutton checked(asp.net)에 대해서 알아보았습니다.
오늘도 행복한 하루 되세요~~~^^