단추를 클릭 할 때 라디오 단추 색과 글리프 콘을 변경하십시오.

Question

안녕하세요 여러분, 새로운 초보자 프로그래머입니다.
CodeIgniter와 Bootstrap에 대한 내 웹 사이트 응용 프로그램에 문제가 있습니다.

내 문제는 내 라디오 버튼이 여기

을 누를 때 나는 색상을 변경하려면 내 코드입니다 :

<div class="btn-group" data-toggle="buttons">    
      <label class="btn btn-primary"> 
      <input type="radio" name="jawaban[<?php echo $i ?>]" value="1" id="radio1<? echo $i; ?>"> 
      <span class="glyphicon glyphicon-ok"></span> 
      Benar 
      </label> 
      <label class="btn btn-success"> 
      <input type="radio" name="jawaban[<?php echo $i ?>]" value="0" checked id="radio2<? echo $i; ?>"> 
      <span class="glyphicon glyphicon-remove"></span> 
      Tidak 
      </label>    
      </div> 

나는 버튼 "Benar는"색상 "레드"
로 변경됩니다 누르면 내가 버튼 "Tidak"

을 누르면 또한 난 당신이 내가 질문을 이해 희망 일어날

Answer 1

자바 스크립트 사용을 권장합니다. 더 간단하고 유용합니다.

당신은 같은 라디오 버튼에 온 클릭 리스너를 추가해야합니다 : 당신의 상단에이 코드 을 넣을 수 있도록 같은 파일 안에()

<label class="btn btn-primary BenarRadio"> 
     <input type="radio" onclick="changeColor();" name="jawaban[<?php echo $i ?>]"    value="1" id="radio1<? echo $i; ?>"> 
    Benar 
    </label> 

후에는 기능 changeColor를 추가 파일.

<script> 
function changeColor() { 
    var radio = document.getElementsByClassName('BenarRadio'); 
    radio[0].style.backgroundColor = 'red'; 

} 
</script>