是否选中“获取”复选框

Question

I've got this problem that I can't solve. Partly because I can't explain it with the right terms. I'm new to this so sorry for this clumsy question.

Below you can see an overview of my goal.

I'm running this code in Magento

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

Answer 1

Added an id attribute to the element.

<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

If you are flexible with using jQuery , you can easily do something like -

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

which will return a boolean value based on whether that input box is checked or not.

Answer 3

You can do this using below code.

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

EDIT

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

If you want to check if the checkbox is checked:

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

and in your body:

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