Solved

onSubmit check the checkbox value

Posted on 2013-01-28
3
342 Views
Last Modified: 2013-01-30
I am new to javascript, how to write on submit, check that Src and Dst are never checked at the same time; otherwise alert.

<FORM METHOD=POST>

       <INPUT TYPE=\"checkbox\" NAME=\"top\" value=\"Eve\" $eventIdChk >Evening<br>
       <INPUT TYPE=\"checkbox\" NAME=\"top\" value=\"Src\" $srcIpChk >Source<br>
       <INPUT TYPE=\"checkbox\" NAME=\"top\" value=\"Dst\" $dstIpChk >Destination<br>

<INPUT TYPE=\"submit\" NAME=\"SetIt\" VALUE=\"SetIt\">

</FORM>
0
Comment
Question by:rgbcof
  • 2
3 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 38829456
Test page : http://jsfiddle.net/efpTm/1/
<script type="text/javascript">
window.onload = function() {

document.getElementsByTagName("form")[0].onsubmit = function() {
     var Src_Is_Checked = document.getElementsByName("top")[1].checked;
     var Dst_Is_Checked = document.getElementsByName("top")[2].checked;
     if( Src_Is_Checked && Dst_Is_Checked ) {
          alert("please check source OR destination");
          return false;
     }
     return true;
}

}
</script>
0
 
LVL 82

Assisted Solution

by:leakim971
leakim971 earned 500 total points
ID: 38829459
0
 

Author Closing Comment

by:rgbcof
ID: 38838314
Works great.
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

791 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question