자

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

· 2015-10-29 (목) 18:12:59 · 2855 · 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,769
15-11-05 조회 3,670
15-11-04 조회 2,740
15-11-04 조회 2,764
15-11-04 조회 2,687
15-11-04 조회 2,857
15-11-04 조회 2,997
15-11-04 조회 2,849
15-11-03 조회 2,783
15-11-03 조회 3,303
15-11-03 조회 2,986
15-11-02 조회 3,011
15-11-02 조회 2,543
15-11-02 조회 2,884
15-11-02 조회 2,638
15-11-02 조회 2,650
15-11-01 조회 2,850
15-10-31 조회 2,524
15-10-30 조회 3,166
15-10-30 조회 2,604
15-10-29 조회 2,856
15-10-29 조회 2,668
15-10-27 조회 2,802
15-10-26 조회 3,308
15-10-23 조회 2,748
15-10-23 조회 2,794
15-10-21 조회 2,545
15-10-19 조회 3,908
15-10-19 조회 3,207
15-10-18 조회 2,862
15-10-17 조회 2,905
15-10-17 조회 2,648
15-10-17 조회 2,761
15-10-15 조회 3,523
15-10-14 조회 3,426
15-10-07 조회 4,196
15-10-06 조회 3,228
15-10-05 조회 3,130
15-10-05 조회 3,545
15-10-05 조회 2,733
15-10-05 조회 2,834
15-10-05 조회 2,789
15-10-04 조회 2,635
15-10-04 조회 2,778
15-10-04 조회 2,927
15-10-03 조회 3,500
15-10-03 조회 2,755
15-10-02 조회 3,155
15-10-02 조회 3,054
15-10-02 조회 2,984
15-10-02 조회 2,688
15-10-01 조회 2,745
15-10-01 조회 2,798
15-10-01 조회 2,672
15-10-01 조회 2,664
15-10-01 조회 3,007
15-09-30 조회 2,581
15-09-30 조회 2,732
15-09-30 조회 2,807
15-09-30 조회 2,810
15-09-25 조회 3,474
15-09-25 조회 3,192
15-09-24 조회 2,769
15-09-24 조회 2,691
15-09-24 조회 3,135
15-09-23 조회 3,067
15-09-23 조회 2,595
15-09-23 조회 2,686
15-09-23 조회 2,666
15-09-23 조회 2,671
15-09-23 조회 2,841
15-09-23 조회 2,831
15-09-22 조회 4,858
15-09-21 조회 2,817
15-09-21 조회 2,596
15-09-21 조회 2,618
15-09-21 조회 2,684
15-09-18 조회 4,162
15-09-17 조회 3,879
15-09-16 조회 3,199
15-09-14 조회 3,560
15-09-14 조회 3,708
15-09-13 조회 3,752
15-09-11 조회 2,958
15-09-11 조회 2,657
15-09-09 조회 3,287
15-09-08 조회 2,741
15-09-05 조회 2,495
15-09-04 조회 2,839
15-09-02 조회 3,465
15-09-02 조회 3,211
15-09-02 조회 2,731
15-09-01 조회 3,291
15-08-31 조회 7,548
15-08-29 조회 2,889
15-08-29 조회 4,073
15-08-28 조회 3,213
15-08-28 조회 3,953
15-08-25 조회 3,694
15-08-24 조회 2,794