2012-04-13 3 views
-1

MY jedes div enthalten mehrere Kontrollkästchen und ich habe solche mehrere div. Ich möchte einen Überblick darüber behalten, welche Checkbox ausgewählt wurde und welche div. Ich versuche, es in einem mehrdimensionalen Array zu speichern, aber es ist nicht richtig .. Wenn Sie eine andere Idee haben, dann plz teilen Sie mit mir.Shop checked checkbox Wert in Javascript

<html> 
<head> 
<style type="text/css" > 
div{ 
width:50%; 
height:500px; 
border:2px solid black; 
} 

</style> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 

var count = 0; 
function selectradiobutn(frmname){ 
    formfield=document.forms[frmname].first_ques; 
    for(i=0;i<formfield.length;i++){ 
    if(formfield[i].checked==true){ 
    var value1 = formfield[i].value; 
    alert(value1); 
    var value = new Array; 
    value[i]=value1; 
    var myarray = new Array("A. Aluminium","B. Commodities that is    available according  to their demand","C. to remove salts","D. 1970 in Bangkok","D. None of the above"); 
    if(myarray[i]==value[i]){ 
    count++; 
    //alert(count); 
    } 
    } 
    } 
    return count; 
     } 
     function create_array1(){ 
     alert("Your score is"+count); 
     document.getElementById('main').innerHTML = "Your score is"+count; 
     } 


     </script> 
     </head> 
     <body> 
      <div id="main" style="width:50%; height:500px; border:2px solid black;"> 
     <center><p style="padding:70px;"><h1>Click the button to start test</h1></p> 
     <input type="button" value="Start test." id="btn_start"     onclick="show_div('main','first1')"> 
     </div> 
     </center> 

     <div id="first1" style="display:none; "> 

      <p style="padding:50px;">1.  For galvanizing iron which of the following metals is used ? 
     </br> 
      <form name="f1"> 
      <input type=Checkbox name=first_ques value="A. Aluminium"    onclick="selectradiobutn('f1')">A. Aluminium </br></br> 
      <input type=Checkbox name=first_ques value="B. Copper" onclick="selectradiobutn('f1')">B. Copper</br></br> 
      <input type=Checkbox name=first_ques value="C. Lead" onclick="selectradiobutn('f1')">C. Lead</br></br> 
      <input type=Checkbox name=first_ques value="D. Zinc" onclick="selectradiobutn('f1')">D. Zinc</br></p> 
      <center><input type="button" value="Next" onclick="show_div('first1','first2')"></center> 

   <div id="first2" style="display:none;"> 
       <p style="padding:50px;"> 2. Economic goods are </br> 
      <form name=f2> 
        <input type="Checkbox" name=first_ques value="first" onclick="selectradiobutn('f2')">A. all commodities that are limited in quantity as compared to their demand</br></br> 
       <input type="Checkbox" name=first_ques value="B. Commodities that is available according to their demand" onclick="selectradiobutn('f2')">B. Commodities that is available according to their demand</br></br> 
      <input type="Checkbox" name=first_ques value="C. Commodities that is available more as compared to demand" onclick="selectradiobutn('f2')">C. Commodities that is available more as compared to demand</br></br> 
       <input type="Checkbox" name=first_ques value="D. None of the above" onclick="selectradiobutn('f2')">D. None of the above</br></br></p> 
       <center><input type="button" value="Next" onclick="show_div('first2','first3')"></center> 

 <div id="first3" style="display:none;"> 
     <p style="padding:50px;">3. For purifying drinking water alum is used 
      <form name="f3"> 
       <input type="Checkbox" value="A. for coagulation of mud particles" name=first_ques onclick="selectradiobutn('f3')">A. for coagulation of mud particles</br>     </br> 
     <input type="Checkbox" value="B. to kill bacteria" name=first_ques onclick="selectradiobutn('f3')">B. to kill bacteria</br></br> 
     <input type="Checkbox" value="C. to remove salts" name=first_ques onclick="selectradiobutn('f3')">C. to remove salts</br></br> 
     <input type="Checkbox" value="D. to remove gases" name=first_ques onclick="selectradiobutn('f3')">D. to remove gases</br></br></p> 
      <center><input type="button" value="Next" onclick="show_div('first3','first4')"></center> 
       </form> 
       </div> 



     <div id="first4" style="display:none;">  
      <p style="padding:50px;">4. Hockey was introduced in the Asian Games in 
      <form name="f4"> 
      <input type="Checkbox" value="A.  1958 in Tokyo" name=first_ques value="first_forth" onclick="selectradiobutn('f4')">A. 1958 in Tokyo</br></br> 
      <input type="Checkbox" value="B.  1962 in Jakarta" name=first_ques onclick="selectradiobutn('f4')">B. 1962 in Jakarta</br></br> 
      <input type="Checkbox" value="B. 1962 in Jakarta" name=first_ques onclick="selectradiobutn('f4')">B. 1962 in Jakarta</br></br> 
      <input type="Checkbox" value="D. 1970 in Bangkok" name=first_ques onclick="selectradiobutn('f4')">D.  1970 in Bangkok</br></br></p> 
     <center><input type="button" value="Next" onclick="show_div('first4','first5')"></center> 

     </form> 
      </div> 



      <div id="first5" style="display:none;"> 
       <p style="padding:50px;">5.ESCAP stands for 
       <form name="f5"> 
        <input type="Checkbox" value="A. Economic and Social Commission for Asia and Pacific" name=first_ques onclick="selectradiobutn('f5')">A.  Economic and Social Commission for Asia and Pacific</br></br> 
       <input type="Checkbox" value="B. European Society Council for Africa and Pacific" name=first_ques onclick="selectradiobutn('f5')">B.  European Society Council for Africa and Pacific</br></br> 
       <input type="Checkbox" value="C. Economic and Social Commission for Africa and Pacific" name=first_ques onclick="selectradiobutn('f5')">C. Economic and Social Commission for Africa and Pacific</br></br> 
       <input type="Checkbox" value="D. None of the above" name=first_ques onclick="selectradiobutn('f5')">D. None of the above</br></br></p> 

+2

können Sie Ihren Code veröffentlichen? – nandu

+0

Könntest du bitte mehr ausarbeiten? Zeigen Sie uns Ihren HTML-Code und beschreiben Sie, was Sie erreichen möchten, indem Sie "ausgewählte Checkboxen im Auge behalten". Warum muss man sie speichern - schaut man sie beispielsweise im DOM nicht ausreichend an? –

+0

Möchten Sie die ID des Kontrollkästchens und das div speichern, wenn es aktiviert ist (true) –

Antwort

1

Eine Sache, wat Sie könnten versuchen, ist t o Speichern Sie es als JSON-Objekt. Beispiel: Div1, Div2 und Div3 enthalten jeweils 2 Kontrollkästchen. Dann würde das JSON-Objekt nur die aktivierten Kontrollkästchen wie

var jsonObject = [{ "divName" : "div1", "selectedCheckBoxes" : [{"checkbox1"}] }, [{ "divName" : "div2", "selectedCheckBoxes" : [{"checkbox2"}] }] usw. enthalten. Diese link würde Ihnen beim Verständnis von JSON-Objekten helfen.

+0

Ich habe nicht viel mehr Idee über JSON soll ich verschiedene JSON-Datei erstellen – Pranali

+0

Einige einfache Beispiele sind in diesem Link gegeben - http://StackOverflow.com/Questions/920930/how-to-create-json-by-Javascript-for-Schleife. Hoffe das hilft. – Krishna

0

DEMO:

$(function() { 
      $('#myButton').click(function() { 
       $('input:checkbox:checked').each(function(i) { 
        alert(this.value); 
        var id= $(this).parent().attr('id') 
        alert(id); 
      }); 
     }); 
}); 

Verwandte Themen