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

Posted 2023-03-05

【中文标题】如何检查是不是选中了复选框[重复]

【英文标题】：How do I check if checkbox is selected [duplicate]如何检查是否选中了复选框[重复]

【发布时间】：2014-09-14 04:20:23

【问题描述】：

如何检查复选框是否被选中以及是否需要使用 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;
 

谢谢， 夏尔辛

【问题讨论】：

你需要改变哪个元素背景？

jsfiddle.net/qc9Qr 这是纯css解决方案

【参考方案1】：

使用

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

【讨论】：

嗨，非常感谢！，如果存在多个列表，有没有办法为给定的 html 代码进行 switch...case。谢谢，ShailShin