자

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

· 2015-10-29 (목) 18:12:59 · 2860 · 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,776
15-11-05 조회 3,673
15-11-04 조회 2,745
15-11-04 조회 2,793
15-11-04 조회 2,694
15-11-04 조회 2,879
15-11-04 조회 3,005
15-11-04 조회 2,880
15-11-03 조회 2,789
15-11-03 조회 3,345
15-11-03 조회 2,992
15-11-02 조회 3,016
15-11-02 조회 2,557
15-11-02 조회 2,889
15-11-02 조회 2,650
15-11-02 조회 2,660
15-11-01 조회 2,887
15-10-31 조회 2,531
15-10-30 조회 3,182
15-10-30 조회 2,612
15-10-29 조회 2,861
15-10-29 조회 2,684
15-10-27 조회 2,808
15-10-26 조회 3,311
15-10-23 조회 2,750
15-10-23 조회 2,800
15-10-21 조회 2,548
15-10-19 조회 3,939
15-10-19 조회 3,209
15-10-18 조회 2,863
15-10-17 조회 2,910
15-10-17 조회 2,671
15-10-17 조회 2,794
15-10-15 조회 3,535
15-10-14 조회 3,427
15-10-07 조회 4,198
15-10-06 조회 3,247
15-10-05 조회 3,132
15-10-05 조회 3,546
15-10-05 조회 2,743
15-10-05 조회 2,842
15-10-05 조회 2,793
15-10-04 조회 2,640
15-10-04 조회 2,781
15-10-04 조회 2,931
15-10-03 조회 3,510
15-10-03 조회 2,762
15-10-02 조회 3,195
15-10-02 조회 3,060
15-10-02 조회 2,994
15-10-02 조회 2,691
15-10-01 조회 2,753
15-10-01 조회 2,806
15-10-01 조회 2,677
15-10-01 조회 2,666
15-10-01 조회 3,009
15-09-30 조회 2,584
15-09-30 조회 2,739
15-09-30 조회 2,813
15-09-30 조회 2,814
15-09-25 조회 3,478
15-09-25 조회 3,194
15-09-24 조회 2,772
15-09-24 조회 2,697
15-09-24 조회 3,150
15-09-23 조회 3,076
15-09-23 조회 2,604
15-09-23 조회 2,695
15-09-23 조회 2,668
15-09-23 조회 2,679
15-09-23 조회 2,868
15-09-23 조회 2,838
15-09-22 조회 4,862
15-09-21 조회 2,828
15-09-21 조회 2,599
15-09-21 조회 2,628
15-09-21 조회 2,686
15-09-18 조회 4,164
15-09-17 조회 3,881
15-09-16 조회 3,200
15-09-14 조회 3,563
15-09-14 조회 3,712
15-09-13 조회 3,756
15-09-11 조회 2,959
15-09-11 조회 2,658
15-09-09 조회 3,288
15-09-08 조회 2,743
15-09-05 조회 2,496
15-09-04 조회 2,841
15-09-02 조회 3,467
15-09-02 조회 3,212
15-09-02 조회 2,766
15-09-01 조회 3,292
15-08-31 조회 7,581
15-08-29 조회 2,891
15-08-29 조회 4,080
15-08-28 조회 3,214
15-08-28 조회 3,993
15-08-25 조회 3,702
15-08-24 조회 2,796