[JavaScript / JQuery] radio 버튼 체크 한 값 가져오기

 

 

게시글이 도움이 되었다면

[로그인]이 필요 없는 ❤ 클릭과

게시글의 광고를 클릭 해 주세요:)

 

라디오 버튼 

체크박스와 다르게 중복선택이 불가능한, 여러개의 선택지중에 한가지만 선택 할 수 있도록 하는 선택박스

 

JavaScript | document.querySelector를 이용해서 라디오박스의 선택 된 값을 가져오는 코드

document.querySelector('input[type=radio][name={라디오버튼의 name}]:checked').value;

 

JQuery를 이용해서 라디오박스의 선택 된 값을 가져오는 코드

$("input:radio[name='{라디오버튼Name}']:checked").val();

 

특정 버튼을 눌렀을때, 라디오버튼에 선택된 값을 Ajax 통신 POST로 값을 넘겨주는 코드 예제

Button.addEventListener("click", function (){ //'Button'이라는 객체에 클릭시 function을 수행하도록 함

        const content1 = {
            checked : document.querySelector('input[type=radio][name=enable]:checked').value
        } //체크된 값을 content1에 담아서 아래 data값으로 넘겨줌.

        const url = '{Controller에서 설정한 url}';
        $.ajax({
            url: url,
            method: "POST",
            contentType: "application/json", //각자 설정한 형식 입력
            data : JSON.stringify(content1), // 위에서 정의한 체크된 값을 data로 넣음
            success: function (param1, param2, param3) { 
                console.log(param1);
            },
            error: function (a, b){
                console.log(a);
                console.log(b);
                alert("Error")
            }
        })
    })

 

 

---

 

 

게시글이 도움이 되었다면

[로그인]이 필요 없는 ❤ 눌러주세요:)