자

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

· 2015-10-29 (목) 18:12:59 · 2915 · 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-05 조회 2,810
15-11-05 조회 3,689
15-11-04 조회 2,780
15-11-04 조회 2,838
15-11-04 조회 2,718
15-11-04 조회 2,919
15-11-04 조회 3,112
15-11-04 조회 3,046
15-11-03 조회 2,872
15-11-03 조회 3,397
15-11-03 조회 3,027
15-11-02 조회 3,076
15-11-02 조회 2,638
15-11-02 조회 2,966
15-11-02 조회 2,702
15-11-02 조회 2,726
15-11-01 조회 2,948
15-10-31 조회 2,564
15-10-30 조회 3,250
15-10-30 조회 2,654
15-10-29 조회 2,916
15-10-29 조회 2,734
15-10-27 조회 2,849
15-10-26 조회 3,340
15-10-23 조회 2,790
15-10-23 조회 2,833
15-10-21 조회 2,582
15-10-19 조회 4,014
15-10-19 조회 3,243
15-10-18 조회 2,892
15-10-17 조회 2,948
15-10-17 조회 2,767
15-10-17 조회 2,891
15-10-15 조회 3,587
15-10-14 조회 3,473
15-10-07 조회 4,233
15-10-06 조회 3,308
15-10-05 조회 3,173
15-10-05 조회 3,574
15-10-05 조회 2,779
15-10-05 조회 2,878
15-10-05 조회 2,827
15-10-04 조회 2,680
15-10-04 조회 2,816
15-10-04 조회 2,968
15-10-03 조회 3,578
15-10-03 조회 2,800
15-10-02 조회 3,244
15-10-02 조회 3,096
15-10-02 조회 3,051
15-10-02 조회 2,755
15-10-01 조회 2,815
15-10-01 조회 2,864
15-10-01 조회 2,722
15-10-01 조회 2,703
15-10-01 조회 3,042
15-09-30 조회 2,626
15-09-30 조회 2,773
15-09-30 조회 2,852
15-09-30 조회 2,853
15-09-25 조회 3,503
15-09-25 조회 3,233
15-09-24 조회 2,802
15-09-24 조회 2,737
15-09-24 조회 3,189
15-09-23 조회 3,138
15-09-23 조회 2,646
15-09-23 조회 2,732
15-09-23 조회 2,711
15-09-23 조회 2,724
15-09-23 조회 2,929
15-09-23 조회 2,886
15-09-22 조회 4,916
15-09-21 조회 2,893
15-09-21 조회 2,649
15-09-21 조회 2,673
15-09-21 조회 2,729
15-09-18 조회 4,223
15-09-17 조회 3,904
15-09-16 조회 3,238
15-09-14 조회 3,588
15-09-14 조회 3,731
15-09-13 조회 3,778
15-09-11 조회 2,977
15-09-11 조회 2,680
15-09-09 조회 3,312
15-09-08 조회 2,759
15-09-05 조회 2,589
15-09-04 조회 2,855
15-09-02 조회 3,488
15-09-02 조회 3,242
15-09-02 조회 2,843
15-09-01 조회 3,318
15-08-31 조회 7,661
15-08-29 조회 2,921
15-08-29 조회 4,134
15-08-28 조회 3,253
15-08-28 조회 4,109
15-08-25 조회 3,758
15-08-24 조회 2,827