테스트 사이트 - 개발 중인 베타 버전입니다

체크박스 하나만 선택시키기 채택완료

망이망소이 7년 전 조회 2,661

제가 사정상 체크박스의 name값이 다 달라서 

라디오 버튼을 사용하지 못하고 

체크박스 사용해서 체크박스중 하나만 선택하게 하려고 작업중입니다.

 

아래와 같이 소스를 jquery-1.8.3.min.js 를 제거하고 

실제 페이지에 적용해보면 작동을 안하는데 

방법이 없을까요?

이미 상단에서 jquery-1.8.3.min.js 파일은 선언되어 있는데

이해가 안가서요.

 

4를 체크하면 5체크가 꺼지도록 일단 이렇게 했는데 다른 방법이 있을까요?

<script src="../js/jquery-1.8.3.min.js"></script></p>

<p>


2차

<input type=checkbox name=trun4 value="<?=$trun4?>" onChange="javascript:Chage_Money(4)"></p>

<p><input type=checkbox name=trun5 value="<?=$trun5?>" onChange="javascript:Chage_Money(5)"></p>

<p><script></p>

<p>    $("input[name='trun4']").on('change', function() {  

        if ($(this).is(':checked')) </p>

<p>

            $("input[name='trun5']").removeAttr('checked'),  //체크박스 해제시키기

            Chage_Money(5);</p>

<p>

        else        

            $("input[name='cnjnum4']").val( "" ); 

            Chage_Money(4); 

    });

    

</script></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
Policia
7년 전

</p>

<p><input type='checkbox' name='trun4' value="<?=$trun4?>" onclick="radioChkBox(4)"></p>

<p><input type='checkbox' name='trun5' value="<?=$trun5?>" onclick="radioChkBox(5)"></p>

<p><script></p>

<p>function radioChkBox(no){</p>

<p> for(var i=4;i<=5;i++){ //조건부분에 체크박스 조건을 입력해주시면됩니다</p>

<p>  if(i !== no){</p>

<p>   $('input[name=trun'+i+']').attr('checked', false);</p>

<p>  }</p>

<p>  Chage_Money(no);</p>

<p> }</p>

<p>}</p>

<p></script></p>

<p>

 

간단하게 생각한 코드인데 허접하지만 이렇게하시면 라디오박스처럼 쓰실수있을겁니다

자바스크립트를 잘쓰진못해서 많이 허접합니다.. ㅎㅎ

 

Chage_Money가 무슨함수있지는 잘모르겠으나 똑같이 만들어드렸어요 저렇게하시면 Chage_Money도 정상적으로 작동하실꺼에요~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

Policia
7년 전

코드에 문제점이 많아보이네요

 

해당코드로는 trun4 체크박스만 작동됩니다

 

trun5도 똑같이 작동되게할려면 똑같이 만드셔야하구요

 

스크립트문에서 보시면 removeAttr 마지막에 세미콜론이아니라 ","가 정의되어있습니다

 

그리고 if문을 {}로 감싸지않을경우에는 첫번째 명령어만 실행되게할확률이 높습니다;

if문 실행내용을 꼭 {}로 감싸주세요

 

이렇게만하시면 일단은 trun4 체크박스는 작동을 할겁니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

망이망소이
7년 전
휴일에 편하게 쉬었다가 아침에 문득 생각나서 코드를 찬찬히 봤더니 어이없게 jquery버전 충돌문제였던것 같습니다. 아무튼 감사합니다. 많은 도움이되었습니다^^ 좋은하루되시길~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인