DevX Home    Today's Headlines   Articles Archive   Tip Bank   Forums   

+ Reply to Thread
Results 1 to 2 of 2
  1. #1
    Join Date
    Jul 2010
    Posts
    1

    Checkbox validation

    Checkbox Validation
    I have few checkboxes and if some one selects any of the two check boxes and try to select third checkbox, 1st selected checkbox have to unselect and second and third checkbox have to select. If someone will select 4th checkbox last selected check and previous selected check box to select and first selected checkboxes have to unselect. I'm trying to implement in javascript.
    Including my code below,
    Code:
    <FORM NAME="dirr">
    <b>Pick Only Two Please!</b>
    
    <INPUT TYPE="checkbox" NAME="d[]" id="d1" onClick="get()"> one
    
    <INPUT TYPE="checkbox" NAME="d[]" id="d2" onClick="get()"> two
    
    <INPUT TYPE="checkbox" NAME="d[]" id="d3" onClick="get()"> three
    
    <INPUT TYPE="checkbox" NAME="d[]" id="d4" onClick="get()"> four
    
    <INPUT TYPE="checkbox" NAME="d[]" id="d5" onClick="get()"> five
    
    </FORM>
    
    <SCRIPT LANGUAGE="javascript">
    
    function get()
    {
    var divEls = document.getElementsByTagName("input");
    
    var i = 0;
    var NewCount=0;
    for(i=0;i<divEls.length;i++)
    {
    if (divEls[i].type == "checkbox"){
    if (divEls[i].checked){
    NewCount = NewCount + 1
    if (NewCount == 3)
    {
    divEls[i].checked=false;
    }
    }
    }
    }
    }
    </script>
    </SCRIPT>
    Please let me know, if it is not clear.

  2. #2
    Join Date
    Aug 2008
    Posts
    36
    Check the below sample code:

    Code:
    <SCRIPT LANGUAGE="javascript">
     var lastElement = 0;
      retArr = new Array();
     
     function selectOnlyTwo(buttonGroup) {
    if(buttonGroup.checked){ //alert('CHKD'+retArr);
       retArr[retArr.length] = buttonGroup.id;
    	if(retArr.length>=3){
    		var na = document.getElementById(retArr[0]);
    		retArr.splice(0,1);
    		na.checked=false;
    		//return false;
    	}
    	}else{ //alert('ELSE'+retArr);
    		for(i=0;i<retArr.length;i++){
    			if(retArr[i]==buttonGroup.id){
    				retArr.splice(i,1);
    			}		
    		}
    	}
     }  //return retArr;
     
     
     //http://www.htmlgoodies.com/tutorials/forms/article.php/3479181/Checkboxes-Only-Two.htm?comment=38873-0
    </script>
     
     
    <FORM NAME="joe">
    <b>Pick Only Two Please!</b>
    <INPUT TYPE="checkbox" NAME="d0" id="d0"onclick="selectOnlyTwo(this)" > Hampster
    <INPUT TYPE="checkbox" NAME="d1" id="d1" onclick="selectOnlyTwo(this)"> Dog
    <INPUT TYPE="checkbox" NAME="d2" id="d2" onclick="selectOnlyTwo(this)"> Cat
    <INPUT TYPE="checkbox" NAME="d3" id="d3" onclick="selectOnlyTwo(this)"> Pig
    <INPUT TYPE="checkbox" NAME="d4" id="d4" onclick="selectOnlyTwo(this)"> Ferret
    <INPUT TYPE="checkbox" NAME="d5" id="d5"onclick="selectOnlyTwo(this)"> Hampster
     <INPUT TYPE="checkbox" NAME="d6" id="d6"onclick="selectOnlyTwo(this)"> Hampster
    <INPUT TYPE="checkbox" NAME="d7" id="d7"onclick="selectOnlyTwo(this)"> Hampster
    <INPUT TYPE="checkbox" NAME="d8" id="d8"onclick="selectOnlyTwo(this)"> Hampster
     </FORM>
    Thanks,

Similar Threads

  1. javascript validation checkbox error
    By karen987 in forum Web
    Replies: 8
    Last Post: 05-02-2007, 08:52 AM
  2. Checkbox validation not working - why??
    By Wildcatbob in forum Web
    Replies: 2
    Last Post: 06-19-2006, 12:12 PM
  3. Replies: 1
    Last Post: 11-02-2005, 04:20 PM
  4. another Javascript validation problem
    By andytate in forum Web
    Replies: 1
    Last Post: 07-25-2005, 10:31 PM
  5. checkbox validation
    By jayson codeer in forum Java
    Replies: 0
    Last Post: 09-06-2002, 01:06 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center
 
 
FAQ
Latest Articles
Java
.NET
XML
Database
Enterprise
Questions? Contact us.
C++
Web Development
Wireless
Latest Tips
Open Source


Top DevX Stories

Easy Web Services with SQL Server 2005 HTTP Endpoints
JavaOne 2005: Java Platform Roadmap Focuses on Ease of Development, Sun Focuses on the "Free" in F.O.S.S.
Wed Yourself to UML with the Power of Associations
Microsoft to Add AJAX Capabilities to ASP.NET
IBM's Cloudscape Versus MySQL


Sponsored Links