When i click One Main Select radio button,it should select all the radio buttons in my Form.The same Way When I deselect The any one of the radio Button,it should deselect the main Radio Button(which is used to select all the radio button).
Finally, I've found the solution for the above issue. It looks like this:
function onClickHeader(ele) {
var checkboxes = document.getElementsByTagName('input');
if (ele.checked) {
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].type == 'checkbox') {
checkboxes[i].checked = true;
}
}
} else {
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].type == 'checkbox') {
checkboxes[i].checked = false;
}
}
}
}
