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);' />
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.")
}
}
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.
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>
getElementsByName returns a collection of elements.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>
