2017-04-18 56 views
0

我想,如果一个复选框被选中,以测试或根本没有,我发现这个解决办法,但我得到什么如何知道一个复选框被选中

if(document.getElementById('checkbox-1').checked) { 
 
    alert("checked"); 
 
}
<input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox">

+2

重复http://stackoverflow.com/questions/2204250/check-if- checkbox-is-checked-with-jquery – ProgrammerV5

+2

[Check if checkbox is checked with jQuery]可能的重复(http://stackoverflow.com/questions/2204250/check-if-checkbox-is-checked-with-jquery) – ProgrammerV5

+4

没有真正的'事件'来触发该JavaScript。也许这应该发生在复选框被选中或没有?在'改变'也许? – sheriffderek

回答

1

你必须触发点击甚至复选框,将调用一个功能,执行所需的任务。

比如你可以怎么做: -

function checkClick(){ 
 
    if(document.getElementById('checkbox-1').checked) { 
 
    alert("checked"); 
 
    } 
 
}
<input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox" onclick="checkClick()"> <!-- trigger click event using onclick and calling a function -->

注: - 你可以根据你的愿望改变函数名。

+4

在现代,我们不应该鼓励使用内联事件处理程序。而且,这个问题是许多其他问题的重复。 –

+0

谢谢你为我工作 – Amal

+0

@Amal乐于帮助你。 :) :) –

0

您需要触发事件。对于复选框,只要值发生变化,onchange事件就会触发。所以,你需要连接一个事件处理程序,它可以是一个函数引用或函数声明类似onchange="checkboxChanged()

function checkboxChanged(){ 
 
if(document.getElementById('checkbox-1').checked) { 
 
\t \t alert('checked'); 
 
\t \t } 
 
    else{ 
 
     alert('Not checked'); 
 
    } 
 
}
<input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox" onchange="checkboxChanged()"/>

+0

谢谢你的工作 – Amal