자

사파리에서는 두개 이상의 같은 이름 radio는 안 먹네요.

· 2015-10-29 (목) 18:12:59 · 2886 · 7

<form name="test">

<input name="wr_8" type="radio" value="1">

<input name="wr_8" type="radio" value="2">

<input name="wr_8" type="radio" value="3" checked="true">

<input name="wr_8" type="radio" value="4">

</form>

<a href="javascript:alert(test.wr_8.value);">test</a>

이게 작동을 안합니다. 

사파리에서는요. 

상식적으로 이해가 안갑니다.  

라디오를 쓰지 말라는것인가?

 

또한 form을 submit 하는 경우 wr_8의 값은 전달되지 않는 현상이 보입니다.

 

단 wr_8 이름이 하나인경우에는 먹힙니다.

또는 

<a href="javascript:alert(test.wr_8[3].value);">test</a>

이것도 먹힙니다.

 

허허


|

댓글 7개

저도 테스트해보니깐 브라우져 엔진에 따라서 동작하는 방식이 조금 다른가 보네요.
해당 요소를 셀렉트해서 체크된 요소만 추출해서 값을 가져오는게 낫겠네요.

jQuery라면 : $('input[name="wr_8"]:checked').val()
그냥 스트립트라면 : document.querySelector('input[name = "wr_8"]:checked').value;
사파리에서 submit 하는 경우 값이 날라가지를 않아요.. 그게 문제지요 ㅜㅜ
사파리에서 submit 해봤는데 값은 잘 날라갑니다.
그리고 원래 radio 선택값은 wr_8.value 형식으로 불러올수 없습니다.
아래 링크에 있는 설명을 참조하세요.
http://blog.naver.com/skawo32167/220455832835

참고로 크롬이나 사파리에서는 <form> 태그라인이 <table>과 <tr> 사이 등 엘레멘트 사이에 form 태그가 위치한 경우 해당 폼에 선택된 값이 넘어가지 않는 문제가 있는 경우도 있습니다.
음 다시 한번 해보겠습니다.
혹시 radio가 하나 인가요? 하나인경우는 저도 되더라구요.
크롬 익스에서는 물론 다 잘 됩니다.
<form라인 체크 다시 해보겠습니다. 그건 항상 정확히 하는데.... 그래도 봐야징 ㅋㅋ

감사합니다.
위에 알려주신 폼 그대로 했구요. 다만 form 태그 안쪽에 submit 버튼만 추가했습니다. 라디오버튼도 4개 맞구요. 체크된 값이 wr_8에 저장되어 날라갑니다.
감사합니다.
질답게시판도 아닌데 정말 감사합니다.
질답이고 아니고가 뭐 상관있나요~ 시간되면 한번 도와드릴수도 있고 그런거죠~ ㅎㅎ
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
15-11-20 조회 2,527
15-11-20 조회 2,485
15-11-20 조회 2,612
15-11-18 조회 2,764
15-11-18 조회 2,650
15-11-18 조회 2,630
15-11-17 조회 2,828
15-11-17 조회 2,583
15-11-17 조회 2,726
15-11-16 조회 2,613
15-11-16 조회 2,580
15-11-16 조회 2,770
15-11-15 조회 2,776
15-11-15 조회 2,638
15-11-15 조회 2,714
15-11-09 조회 2,921
15-11-09 조회 2,694
15-11-09 조회 2,746
15-11-06 조회 3,332
15-11-05 조회 2,783
15-11-05 조회 2,672
15-11-05 조회 2,794
15-11-04 조회 2,766
15-11-04 조회 2,825
15-11-04 조회 2,709
15-11-04 조회 3,034
15-11-04 조회 3,010
15-11-03 조회 2,817
15-11-02 조회 2,938
15-11-02 조회 2,685
15-11-02 조회 2,699
15-10-31 조회 2,552
15-10-27 조회 2,830
15-10-23 조회 2,779
15-10-23 조회 2,822
15-10-19 조회 3,985
15-10-15 조회 3,568
15-08-03 조회 3,131
15-07-29 조회 2,978
15-07-12 조회 3,621
15-05-07 조회 5,005
15-05-06 조회 4,638
15-05-06 조회 5,447
15-04-04 조회 4,519
15-04-04 조회 4,088
15-04-01 조회 5,785
15-02-10 조회 4,543
15-01-31 조회 4,556
15-01-23 조회 4,193
14-12-30 조회 3,835
14-12-23 조회 3,946
14-12-02 조회 4,234
14-10-17 조회 4,669
14-10-17 조회 4,980
14-10-07 조회 4,228
14-10-07 조회 5,430
14-10-04 조회 4,676
14-09-24 조회 4,766
14-09-24 조회 4,732
14-09-24 조회 4,205
14-09-23 조회 4,054
14-09-22 조회 3,810
14-09-21 조회 4,261
14-09-21 조회 4,313
14-09-21 조회 3,863
14-09-20 조회 4,409
14-09-19 조회 3,949
14-09-19 조회 3,582
14-09-19 조회 4,134
14-09-19 조회 3,875
14-09-18 조회 3,760
14-09-18 조회 4,039
14-09-18 조회 4,350
14-09-18 조회 3,936
14-09-18 조회 3,968
14-09-18 조회 3,946
14-09-18 조회 4,171
14-09-18 조회 4,785
14-09-17 조회 3,929
14-09-15 조회 3,872
14-09-11 조회 4,160
14-08-26 조회 4,044
14-08-26 조회 3,724
14-08-26 조회 3,613
14-08-26 조회 4,106
14-08-26 조회 3,876
14-08-26 조회 3,815
14-08-26 조회 4,004
14-08-26 조회 3,881
14-08-26 조회 3,675
14-08-26 조회 3,886
14-08-26 조회 3,961
14-08-26 조회 3,887
14-08-26 조회 3,914
14-08-26 조회 3,756
14-08-26 조회 3,723
14-08-26 조회 3,949
14-08-26 조회 3,605
14-08-26 조회 3,681
14-08-26 조회 3,571