Junior Coders
Controlling Checkboxes
When catcheck1 is unchecked, I want catcheck9 to uncheck. Why does this not work?<html>
<head>
<script type="text/javascript">
// Checkbox event listeners.
function checkboxs() {
document.mapform.catcheck9.checked = false;
}
</script>
</head>
<body>
<form action="" name="mapform" id="mapform">
<input type="checkbox" id="catcheck1" name="catcheck9" onclick="checkboxs()" checked />
<input type="checkbox" id="catcheck9" name="catcheck9" checked />
</form>
</body>
</html>
New Comer (less than 5 posts)
try delete the red items ...
if you need the checkbox items checked by default.
You can write a small script and add it to window.onload eventhandler to load automatically on page load.
some recommendation:
It is best to use same value on id and name attributes.
Also, the checked should be best to rewrite as checked="checked" to be validated with (x)html.
Code:<input type="checkbox" id="catcheck1" name="catcheck1" onclick="checkboxs()" checked /> <input type="checkbox" id="catcheck9" name="catcheck9" checked />
Regular Coders
document.mapform.catcheck9 refers to an array of checkboxes all with the name 'catcheck9'.Originally Posted by JBottero
Your function doesn't check the state of the triggering checkbox.
This is the simplest change to do what you want, but it's a poor solution:
Are you going to want this to work with more elements?Code:function checkboxs() { if( !document.mapform.catcheck9[0].checked ) document.mapform.catcheck9[1].checked = false; }
Regular Coders
Why would you do that? It makes the form script-dependent.
NOT in the case of form elements which are to be grouped by name.some recommendation:
It is best to use same value on id and name attributes.
Posting Permissions
Reply With Quote
Bookmarks