Home / JavaScript / Selecting and deselecting list box item :- JavaScript

Selecting and deselecting list box item :- JavaScript

November 13, 2019 - JavaScript

getElementById is used to select the HTML element by its id value.
element.options.length is used to get the length of the list items.
In the for loop every execution, listbox.options[i].selected is used to check or uncheck the list items.

Code:-

<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
function listboxSelectDeselect(isSelect)
{
var listbox = document.getElementById("lstid");
for (var i = 0; i < listbox.options.length; i++)
{
listbox.options[i].selected = isSelect;
}
}
</script>
</head>
<body>
<select id="lstid" size="15" multiple="">
<option value="1">Merbin</option>
<option value="2">Franklin</option>
<option value="3">Jose</option>
<option value="4">Geetha</option>
<option value="5">Jino</option>
<option value="6">Ganesh</option>
<option value="7">Kumar</option>
<option value="8">Reegan</option>
<option value="9">Rajesh</option>
</select>
<br>
<button onclick="listboxSelectDeselect(true);">Select All</button>
<button onclick="listboxSelectDeselect(false);">Deselect All</button>
</body>
</html>

Selecting and deselecting list box item :- JavaScript

Selecting and deselecting list box item :- JavaScript

Reviewed by Network security on November 13, 2019 Rating: 5

No comments:

Subscribe to: Post Comments ( Atom )