Solved

onSubmit check the checkbox value

Posted on 2013-01-28
3
336 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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

When you need to keep track of a simple list of numbers or strings, the Array object is your most direct tool.  As we saw in my earlier EE Article (http://www.experts-exchange.com/A_3488.html), typical array handling might look like this: (CODE) B…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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…

822 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