检查引导程序中是否选中了复选框

Question

我在这里使用了check-list-group - http://bootsnipp.com/snippets/featured/checked-list-group

我想检查选中了哪个复选框，并且我想使用单击按钮重置所有选中的项目。我想在Javascript中这样做。

我使用普通的bootstrap输入标记和Javascript成功实现了这一点，但不知怎的，我无法在此代码中执行此操作。

<ul id="check-list-box" class="list-group checked-list-box">
    <li class="list-group-item">Permutation</li>
    <li class="list-group-item">Combination</li>
    <li class="list-group-item">Probability</li>                                   
</ul>

 <button class="btn btn-primary" id="get-checked-data" onclick="myfunction()" >Get Checked Data</button>
 <button class="btn btn-primary" id="reset" name="reset_all" >Reset</button>

以下是我在javascript中写的内容：

function myfunction()
{

    if(document.getElementById('check-list-box').checked)
    {
        alert("hello-world");    
    }
    else
    {
        alert("not checked");
    }

}
//And something similar for resetting. But I am sure, I am missing something here

一些帮助将不胜感激。

Answer 1

这是一个使用bootstrap的蒙面HTML，它看起来像一个复选框，但它不是一个复选框。所以你的代码永远不会起作用。

你必须以这种方式工作

if($(".checked-list-box li.list-group-item-primary.active").length > 0){
   alert("hello");
} else {
   alert("not checked");
}

我在上面的代码中写的是，当您在上面的html中选中一个复选框时，li会添加两个类＆＃34; list-group-item-primary active＆＃34; < / p>

所以最好把这些课程放到你的课堂上。这将为您提供是否选中复选框。