Question

170

How to validate for checkbox selection if all checkbox have same name?

rated 0 times [ 172] [ 2] / answers: 1 / hits: 60620 / 14 Years ago, tue, december 14, 2010, 12:00:00

Hi All
I have a group of check box having same name so as to get the array of single variable when it is posted on serverside for exampleL

<input type=checkbox name=midlevelusers[] value=1>

<input type=checkbox name=midlevelusers[] value=1>

<input type=checkbox name=midlevelusers[] value=1>

<input type=checkbox name=midlevelusers[] value=1>

I need a javascript validation to check whether any checkbox is selected or not?

Thanks and Regards

NOTE: I need javascript validation

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lara

Add To Favorites

Follow

Total Points: 462

Total Questions: 100

Total Answers: 102

Location: Jersey

Member since Mon, Jun 14, 2021

3 Years ago

lara questions

1 How to watch for multiple values in Vue 3 script setup?

Thu, May 19, 22, 00:00, 2 Years ago

1 chrome.runtime.OnMessage.addListener returns duplicate messages

Tue, Jul 27, 21, 00:00, 3 Years ago

1 Using try catch in watch of Vue.js

Thu, Apr 1, 21, 00:00, 3 Years ago

1 NodeJS 12 SyntaxError: Unexpected token 'export'

Mon, Jul 27, 20, 00:00, 4 Years ago

1 In Blazor Server-Side how can I detect if the user tries to navigate off of the current page

Tue, Mar 17, 20, 00:00, 4 Years ago

View All

answered 14 Years ago zayne · Accepted Answer

<form name=myform method=POST action= onsubmit=return checkTheBox();>

  <input type=checkbox name=midlevelusers[] value=1 /> 1 &nbsp;&nbsp;

  <input type=checkbox name=midlevelusers[] value=2 /> 2 &nbsp;&nbsp;

  <input type=checkbox name=midlevelusers[] value=3 /> 3 &nbsp;&nbsp;

  <input type=checkbox name=midlevelusers[] value=4 /> 4 &nbsp;&nbsp;

  <input type=checkbox name=midlevelusers[] value=5 /> 5 &nbsp;&nbsp;

  <input type=submit value=Submit Form />

</form>



<script type=text/javascript>

  function checkTheBox() {

    var flag = 0;

    for (var i = 0; i< 5; i++) {

      if(document.myform[midlevelusers[]][i].checked){

        flag ++;

      }

    }

    if (flag != 1) {

      alert (You must check one and only one checkbox!);

      return false;

    }

    return true;

  }

</script>