Solved

onSubmit check the checkbox value

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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
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…

746 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now