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

我会建议你使用javascript。它更简单实用。

您需要在单选按钮上添加一个onclick监听器，如下所示：

    <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>

单击按钮时更改单选按钮颜色和字形

1 个答案: