javascript - 获取复选框已选中或未使用 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.")
    }
}

演示

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>