使用Javascript检查是否获取复选框

Question

我遇到了无法解决的问题。部分是因为我无法用正确的术语来解释它。我是新手，对这个笨拙的问题感到抱歉。

您可以在下面看到我的目标概述。

我在Magento中运行此代码

<input type="checkbox" style="margin-left:24px" class="mydelete" name="checkAll" onclick='checkedAll(testCheck);' />

Answer 1

为元素添加了id属性。

<input type="checkbox" style="margin-left:24px" class="mydelete" name="checkAll" id="checkAll"onclick='checkedAll();' />

的Javascript

function checkedAll(){
    if (document.getElementById('checkAll').checked) {
        alert("checked");
    } else {
        alert("You didn't check it! Let me check it for you.")
    }
}

<强> DEMO

Answer 2

如果您可以灵活使用jQuery，则可以轻松执行类似 -

之类的操作

$("input:checkbox").is(":checked")

将根据是否选中该输入框返回一个布尔值。

Answer 3

您可以使用以下代码执行此操作。

var checkprop = document.getElementsByName("checkAll").checked;
alert(checkprop);

修改

function checkedAll()
{
    var theform = document.theform;
    if(theform.checkAll.checked )
    {
        alert("checkAll Checked");
    } else {
        alert("Nothing Selected");
    }
}
<form name="theform">
    <input type="checkbox" style="margin-left:24px" class="mydelete" name="checkAll" onclick='checkedAll();' />
</form>

Answer 4

如果您想检查是否选中了复选框：

<script>
function displayResult()
{
var x=document.getElementById("checkboxid");
alert(x.checked);
}
</script>

并在你体内：

<button type="button" onclick="displayResult()">Display value</button>