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

· 2015-10-29 (목) 18:12:59 · 2840 · 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,434
15-11-20 조회 2,438
15-11-20 조회 2,538
15-11-18 조회 2,552
15-11-18 조회 2,601
15-11-18 조회 2,525
15-11-17 조회 2,772
15-11-17 조회 2,533
15-11-17 조회 2,486
15-11-16 조회 2,556
15-11-16 조회 2,532
15-11-16 조회 2,729
15-11-15 조회 2,728
15-11-15 조회 2,542
15-11-15 조회 2,651
15-11-09 조회 2,828
15-11-09 조회 2,617
15-11-09 조회 2,684
15-11-06 조회 3,264
15-11-05 조회 2,699
15-11-05 조회 2,627
15-11-05 조회 2,741
15-11-04 조회 2,692
15-11-04 조회 2,658
15-11-04 조회 2,662
15-11-04 조회 2,946
15-11-04 조회 2,739
15-11-03 조회 2,751
15-11-02 조회 2,769
15-11-02 조회 2,557
15-11-02 조회 2,583
15-10-31 조회 2,496
15-10-27 조회 2,748
15-10-23 조회 2,659
15-10-23 조회 2,704
15-10-19 조회 3,807
15-10-15 조회 3,415
15-08-03 조회 3,091
15-07-29 조회 2,913
15-07-12 조회 3,358
15-05-07 조회 4,967
15-05-06 조회 4,597
15-05-06 조회 5,291
15-04-04 조회 4,391
15-04-04 조회 4,015
15-04-01 조회 5,634
15-02-10 조회 4,378
15-01-31 조회 4,394
15-01-23 조회 4,058
14-12-30 조회 3,601
14-12-23 조회 3,799
14-12-02 조회 4,177
14-10-17 조회 4,613
14-10-17 조회 4,762
14-10-07 조회 4,104
14-10-07 조회 5,278
14-10-04 조회 4,388
14-09-24 조회 4,674
14-09-24 조회 4,637
14-09-24 조회 4,123
14-09-23 조회 3,895
14-09-22 조회 3,594
14-09-21 조회 3,995
14-09-21 조회 4,223
14-09-21 조회 3,690
14-09-20 조회 4,253
14-09-19 조회 3,824
14-09-19 조회 3,477
14-09-19 조회 4,004
14-09-19 조회 3,691
14-09-18 조회 3,503
14-09-18 조회 3,952
14-09-18 조회 4,249
14-09-18 조회 3,858
14-09-18 조회 3,800
14-09-18 조회 3,843
14-09-18 조회 3,928
14-09-18 조회 4,676
14-09-17 조회 3,707
14-09-15 조회 3,792
14-09-11 조회 4,072
14-08-26 조회 3,966
14-08-26 조회 3,675
14-08-26 조회 3,423
14-08-26 조회 3,935
14-08-26 조회 3,812
14-08-26 조회 3,665
14-08-26 조회 3,779
14-08-26 조회 3,846
14-08-26 조회 3,630
14-08-26 조회 3,837
14-08-26 조회 3,812
14-08-26 조회 3,794
14-08-26 조회 3,851
14-08-26 조회 3,594
14-08-26 조회 3,598
14-08-26 조회 3,789
14-08-26 조회 3,480
14-08-26 조회 3,556
14-08-26 조회 3,355