CODEWITHSUNDEEP
javascripthtmlwordpresscheckbox
user12109321358
user12109321358

Reputation: 461

Script for Select All checkboxes not working on WordPress page

I'm trying to create checkboxes with a Select All checkbox in a normal WordPress page using a Text block.

Here's my code:

<script type="text/javascript">
alert('hey');
function toggle(source) {
  checkboxes = document.getElementsByName('options');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}
</script>

<form>
<input type="checkbox" value="All" onClick="toggle(this)" />All
<input type="checkbox" class="checkbox1" name="options" value="Option1" id="opt1">Option 1
<input type="checkbox" class="checkbox1" name="options" value="Option2" id="opt2">Option 2
<input type="checkbox" class="checkbox1" name="options" value="Option3" id="opt3">Option 3
</form>

The alert shows up. But the function Check All is not working. I tried it on a Notepad, and it's working. But in a WordPress page, it's not.

Please help. Thanks!

Upvotes: 2

Views: 1181

Answers (2)

Marcus Briscoe
Marcus Briscoe

Reputation: 1

Hmm. I tested it on my wordpress page, and it worked. what version are you using? Did you paste the code into the page using the "text" tab activated?

Upvotes: 0

Rinrub
Rinrub

Reputation: 127

Try loading the script after the html content is rendered, at the bottom of the body

Upvotes: 1

Related Questions