Spring radio버튼 Ajax로 value값 넘기는 오류가 생겼는데 문법이 궁금합니다.

Question

안녕하세요! 초급개발자 입니다 .제목처럼 질문은 같습니다. 아래의 사진처럼 즉시전송/예약전송 라디오버튼을 클릭시 value값을 ajax로 전송을 하고싶습니다. 하지만 전송을 하게되면 undifined라고 console창에 뜹니다.다른값들은 값이 잘 받아와 집니다.jsp파일의 코드입니다.

제목

즉시전송 예약전송

내용

javacript 코드입니다.//전송버튼 클릭시 $("#SendBtn").click(function() { var send = { depart_num : $("#depart_num").val(), subject : $("#subject").val(), sch_type : $('.radio-value:checked').val(), send_date : $("#date").val()+" "+$("#time").val(), msg_content : $("#msg_content").val() } console.log($("#depart_num").val()); console.log($("#subject").val()); console.log($('intput[name="sch_type"]:checked').val()); console.log($("#date").val()+" "+$("#time").val()); console.log($("#time").val()); console.log($("#msg_content").val()); $. ajax({ url : "/send/sendMsg", type: "post", dataType:"html", data: send, success : function(data){ alert("메시지 전송 성공"); }, error : function(error){ alert("매시지 전송 실패") alert("code:"+request.status+" "+"message:"+request.responseText+" "+"error:"+error); } }); })라디오버튼의 value값을 넣기 위해선 sch_type : $('.radio-value:checked').val() 해주면 된다고 했는데 잘 안되네요.. 뭐가 문제인가요? 그리고 javascript에서 ajax error에 무엇이 에러인지 알고싶어 아래에 있는 코드를 추가했는데 alert창이 "메시지 전송 실패" 라는 창만 뜨고 error에 대한 alert창이 뜨지 않습니다. 뭐가 문제일까요?alert("code:"+request.status+" "+"message:"+request.responseText+" "+"error:"+error);

모찌모찌 · Answer

console.log($('intput[name&#61;&#34;sch_type&#34;]:checked').val());intput..?그리고 send object에 넘길때 값 불러오는 코드랑 콘솔로 찍는 코드랑 다르네요저러면 디버깅 안될텐디그리고 input에 id값 먹일때 콤마는 빼시는게 좋습니다jQuery 선택자에서 .은 class 선택자라 아이디에 콤마 쓰시면 헷갈릴꺼에요

스이 · Answer

모찌모찌님 답변 달아주셔서 감사합니다. 말씀해주신것처럼 이렇게 radio 버튼의value값을 받아오려면 이런문법도 있다고 해서 사용해봤는데 이렇게 하면 안되나요?console.log($('intput[name&#61;&#34;sch_type&#34;]:checked').val());아래의 코드처럼 적으니 console에 제대로 값이 뜨긴하는데 왜그런지 알려주실수 있으신가요? console.log($('.radio-value:checked').val());

모찌모찌 · Answer

console.log($('.radio-value:checked').val());요거는 선택자 맨앞에 콤마로 시작하는것은 클래스선택자로radio-value 라는 클래스를 가진것들중 checked속성이 true 인걸 가져온다는거쥬근데 어지간하면 클래스 선택자는 잘안써유같은클래스가 꼭 저부분에만 쓰여질꺼라는 보장이 없기 때문이쥬console.log($('intput[name&#61;&#34;sch_type&#34;]:checked').val());요것도 맞는문법인데 단지 오타때문에 값이 안뜬거같네유input[name&#61;&#34;sch_type&#34;]:checked쓰면 값 잘뽑힐텐디

스이 · Answer

모찌모찌 님 알려주신것처럼 해결했습니다 오타가 제 눈에 안들어와서 한참 찾았네유! 많이 배우고 갑니다. 좋은하루 보내세요 감사합니다~

Spring radio버튼 Ajax로 value값 넘기는 오류가 생겼는데 문법이 궁금합니다.

4개의 답변

#radio 목록