javascript - 如何检查复选框是否被选中

Question

如何使用 jquery 或 javascript 检查复选框是否已选中以及背景颜色是否需要更改。

<div class="index" id="test">
    <h2>testing</h2>
       <div class="string">
         <ul>
            <li class="nv1">
               <input type="checkbox" value="in1" id="chk1" />
                <div class="checkbox-select">lblstr1</div>
                <div class="checkbox-deselect">lblstr2</div>
            </li>
         </ul>
      </div>
 </div>

CSS 用于此...

.string li.nv1,
.nv1 .checkbox-select {
 width: 120px;

 }

.nv1 .checkbox-deselect {
  width: 120px;
   background: #8dc63f;
 }

谢谢， 谢尔欣

Answer 1

使用

   if($("#chk1").is(":checked")){
         $(".checkbox-deselect").css("background" , "red");
   }
   else{
        $(".checkbox-deselect").css("background" , "green");
   }