put checked radio ID separated by a delimiter into hidden field

Discussion in 'JavaScript' started by kumiko, Jan 23, 2008.

  1. #1
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html >
    <head>
        <title>Untitled Page</title>
        
    </head>
    <script language ="javascript">
    function chkRadio()
    {
       
        column =document.list_photo.hidCounter.value;
        var total = 0;
        var file =0;
        
        for(var i=1; i<=column; i++)
        {
            var objId = "chkBuy" + i;
            var obj = eval("document.list_photo." + objId);
            document.list_photo.totalcredit.value = obj.length;
          for(var j=0; j<obj.length; j++)
          {
            if(obj[j].checked && obj[j].value != 0)
            {
            total += eval(obj[j].value);
            file++;
            }
          }
        }
        document.list_photo.total_file.value =file;
        document.getElementById('totalfile').innerHTML =file;
        document.getElementById('creditcost').innerHTML =total;
    
    }
        
    
    [COLOR="red"]function chkPhoto(photoid)
    {
            delim ='.';
            v =photoid;
            v=v+delim;
    	    var oldv=document.getElementById('photo').value;
    	    document.getElementById('photo').value=oldv+v;
    }[/COLOR]
    
    
    function chkValue()
    {
        column =document.list_photo.hidCounter.value;
        var checked =false;
        if(document.list_photo.chkAgree.checked ==false)
        {
            alert("Please agree To terms");
            return false;
        }
        
        if(document.list_photo.total_file.value =="")
        {
                alert("Please select the images you wish to download.");
                return false;
        }
            document.list_photo.hidSubmit.value ="Submit";
            boxid =document.list_photo.hidboxid.value;
            document.list_photo.action ="lightbox_download.asp?boxid="+ boxid ;
            document.list_photo.submit();
    }
    	
    
    </script>
    
    <body>
    <a href="list_lightbox.asp">List lightbox</a><br /><br />
    
    <form name="list_photo" id="f1" method="post">
    <table border="1">
    
    
        <tr>
            <td valign="top">IMAGE DISPLAY HERE</td>
            <td  valign="top"><a href ="view_photo.asp?photoid=1">dog</a><BR /> alice</td>
            <td>
                
                <table>
                
                    <tr>
                    <td>XSmall&nbsp; - 100 x 100 px @ 72 Dpi  </td>
                    <td>- 1Credit</td>
                    <td><input type="Radio" name="chkBuy1" value="1" onClick="chkRadio();[COLOR="Red"]chkPhoto('1');" [/COLOR]/></td>
                    </tr>
                
                    <tr>
                    <td>Small&nbsp; - 200 x 280 px @ 72 Dpi  </td>
                    <td>- 3Credits</td>
                    <td><input type="Radio" name="chkBuy1" value="3" onClick="chkRadio()[COLOR="red"];chkPhoto('1');" [/COLOR]/></td>
                    </tr>
                
                    <tr>
                    <td>Medium&nbsp; - 500 x 600 px @ 300 Dpi  </td>
                    <td>- 5Credits</td>
                    <td><input type="Radio" name="chkBuy1" value="5" onClick="chkRadio();[COLOR="red"]chkPhoto('1');" [/COLOR]/></td>
                    </tr>
                
                    <tr>
                        <td colspan="2" align="right">Skip This image file</td>
                        <td>
                        <input type="Radio" name="chkBuy1" value="0" onClick="chkRadio(this.value,'1')"  checked />
                        <input type="text" name="hiddX" value="1" size="5"/>
                        <input type="hidden" name="totalrecord1" value="" size="5"/>
                        </td>
                    </tr>
                
                </table>
              </td>
        </tr>
    
        <tr>
            <td valign="top">IMAGE DISPLAY HERE</td>
            <td  valign="top"><a href ="view_photo.asp?photoid=3">cat</a><BR /> lenny</td>
            <td>
                
                <table>
                
                    <tr>
                    <td>Small&nbsp; - 200 x 250 px @ 72 Dpi  </td>
                    <td>- 3Credits</td>
                    <td><input type="Radio" name="chkBuy2" value="3" onClick="chkRadio();[COLOR="red"]chkPhoto('3');" [/COLOR]/></td>
                    </tr>
                
                    <tr>
                    <td>XSmall&nbsp; - 250 x 250 px @ 72 Dpi  </td>
                    <td>- 1Credit</td>
                    <td><input type="Radio" name="chkBuy2" value="1" onClick="chkRadio();[COLOR="red"]chkPhoto('3');" [/COLOR]/></td>
                    </tr>
                
                    <tr>
                        <td colspan="2" align="right">Skip This image file</td>
                        <td>
                        <input type="Radio" name="chkBuy2" value="0" onClick="chkRadio(this.value,'2')"  checked />
                        <input type="text" name="hiddX" value="2" size="5"/>
                        <input type="hidden" name="totalrecord2" value="" size="5"/>
                        </td>
                    </tr>
                
                </table>
              </td>
        </tr>
     
        <tr>
            <td colspan="3">Purchase Selected Images
            <input type="text" name="hidCounter" value="2" size="5"/>
            <input type="hidden" name="totalcredit" value="" size="5"/>
            <input type="hidden" name="total_file" value="" size="5"/>
            <input type="hidden" name="hidSubmit" value="" size="5"/>
            <input type="hidden" name="hidboxid" value="2" size="5"/>
     [COLOR="Red"]       <input type="text" name="photo" id="inputs"  />[/COLOR]
         
            
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <table>
                    <tr>
                        <td>Total Files</td>
                        <td><span id="totalfile">0</span></td>
                    </tr>
                    <tr>
                        <td> Credit Cost</td>
                        <td><span id="creditcost">0</span></td>
                    </tr>
                    <tr>
                        <td>Credits Available</td>
                        <td> 1</td>
                    </tr>
                </table>
            </td>
            <td align="right">
                <table>
                    <tr>
                        <td>
                        <input type="checkbox" name="chkAgree" value="Yes" /> 
                        I agree to the <a href="#">Content Licence Agreement</a>
                        </td>
                    </tr>
                    <tr>
                        <td><input type="image" name="btnSubmit" src="img/download_these_files.gif" alt="Download these files" onclick="chkValue();" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    
     </table>
    
    </form>
    </body>
    </html>
    
    
    Code (markup):
    hi there..i need some help. above is my HTML code from my view source page. i got a list of dynamic radio button wif the radio button name is differnt . in the radio button, when onclick i call two function. for the 2nd fucntion, i need to pass 1 kind of value that is photoid (not the radio button own value) to the function. chkPhoto('3');" . wat i need to do is, when onclick any radio button, it will directly assign the PARAMETER photo id into the text box (hidden field) with the delimeter '.'(dot). but wat i have did is...this will add continous when i click on the radio button. let said, from the code. i have photo id 1,3. first time, i click the radio button, it will asssing the value into the text box. but after that, i click the radio button again, it add the valeu again. wat i wan is it jz will display 1.3 not everytime i click the radio button, it will be like this 1.1.3.3.1.1.3. soli for the poor explaination. hope u all understand..plz help..urgent..thank you.
     
    kumiko, Jan 23, 2008 IP
  2. kumiko

    kumiko Peon

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    problem solved.thank you
     
    kumiko, Jan 24, 2008 IP