如何检查是否选中了复选框[重复]

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");
   }