佳礼资讯网

 找回密码
 注册

ADVERTISEMENT

查看: 1854|回复: 3

把checked radio button ID 的放进 hidden box seperated by delimiter

[复制链接]
发表于 23-1-2008 09:41 AM | 显示全部楼层 |阅读模式
哈咯。。您们好。。。。。。希望javascript高手们。帮帮忙啊!
i got a list of radiobutton, with differnt name.
when i click on the radio button, it willpass the 'ID' into the JS function, how can i get the CHEKED radio ID and put in the hidden field first? i wan to put the all checked radio ID separated by a specified delimiter, such as in this format--> 1.2.3.4.5.6 with the delimiter '.'
谢谢您们。。。

p/s :javascript
回复

使用道具 举报


ADVERTISEMENT

发表于 23-1-2008 11:25 AM | 显示全部楼层
document.getElementById("RadioName" + i).checked
回复

使用道具 举报

 楼主| 发表于 23-1-2008 05:39 PM | 显示全部楼层

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html >
  3. <head>
  4.     <title>Untitled Page</title>
  5.    
  6. </head>
  7. <script language ="javascript">
  8. function chkRadio()
  9. {
  10.    
  11.     column =document.list_photo.hidCounter.value;
  12.     var total = 0;
  13.     var file =0;
  14.    
  15.     for(var i=1; i<=column; i++)
  16.     {
  17.         var objId = "chkBuy" + i;
  18.         var obj = eval("document.list_photo." + objId);
  19.         document.list_photo.totalcredit.value = obj.length;
  20.       for(var j=0; j<obj.length; j++)
  21.       {
  22.         if(obj[j].checked && obj[j].value != 0)
  23.         {
  24.         total += eval(obj[j].value);
  25.         file++;
  26.         }
  27.       }
  28.     }
  29.     document.list_photo.total_file.value =file;
  30.     document.getElementById('totalfile').innerHTML =file;
  31.     document.getElementById('creditcost').innerHTML =total;
  32. }
  33.    
  34. function chkPhoto(photoid)
  35. {
  36.         delim ='.';
  37.         v =photoid;
  38.         v=v+delim;
  39.      var oldv=document.getElementById('photo').value;
  40.      document.getElementById('photo').value=oldv+v;
  41. }

  42. function chkValue()
  43. {
  44.     column =document.list_photo.hidCounter.value;
  45.     var checked =false;
  46.     if(document.list_photo.chkAgree.checked ==false)
  47.     {
  48.         alert("Please agree To terms");
  49.         return false;
  50.     }
  51.    
  52.     if(document.list_photo.total_file.value =="")
  53.     {
  54.             alert("Please select the images you wish to download.");
  55.             return false;
  56.     }
  57.         document.list_photo.hidSubmit.value ="Submit";
  58.         boxid =document.list_photo.hidboxid.value;
  59.         document.list_photo.action ="lightbox_download.asp?boxid="+ boxid ;
  60.         document.list_photo.submit();
  61. }

  62. </script>
  63. <body>
  64. <a href="list_lightbox.asp">List lightbox</a><br /><br />
  65. <form name="list_photo" id="f1" method="post">
  66. <table border="1">

  67.     <tr>
  68.         <td valign="top">IMAGE DISPLAY HERE</td>
  69.         <td  valign="top"><a href ="view_photo.asp?photoid=1">dog</a><BR /> alice</td>
  70.         <td>
  71.             
  72.             <table>
  73.             
  74.                 <tr>
  75.                 <td>XSmall  - 100 x 100 px @ 72 Dpi  </td>
  76.                 <td>- 1Credit</td>
  77.                 <td><input type="Radio" name="chkBuy1" value="1" onClick="chkRadio();chkPhoto('1');" /></td>
  78.                 </tr>
  79.             
  80.                 <tr>
  81.                 <td>Small  - 200 x 280 px @ 72 Dpi  </td>
  82.                 <td>- 3Credits</td>
  83.                 <td><input type="Radio" name="chkBuy1" value="3" onClick="chkRadio();chkPhoto('1');" /></td>
  84.                 </tr>
  85.             
  86.                 <tr>
  87.                 <td>Medium  - 500 x 600 px @ 300 Dpi  </td>
  88.                 <td>- 5Credits</td>
  89.                 <td><input type="Radio" name="chkBuy1" value="5" onClick="chkRadio();chkPhoto('1');" /></td>
  90.                 </tr>
  91.             
  92.                 <tr>
  93.                     <td colspan="2" align="right">Skip This image file</td>
  94.                     <td>
  95.                     <input type="Radio" name="chkBuy1" value="0" onClick="chkRadio(this.value,'1')"  checked />
  96.                     <input type="text" name="hiddX" value="1" size="5"/>
  97.                     <input type="hidden" name="totalrecord1" value="" size="5"/>
  98.                     </td>
  99.                 </tr>
  100.             
  101.             </table>
  102.           </td>
  103.     </tr>
  104.     <tr>
  105.         <td valign="top">IMAGE DISPLAY HERE</td>
  106.         <td  valign="top"><a href ="view_photo.asp?photoid=3">cat</a><BR /> lenny</td>
  107.         <td>
  108.             
  109.             <table>
  110.             
  111.                 <tr>
  112.                 <td>Small  - 200 x 250 px @ 72 Dpi  </td>
  113.                 <td>- 3Credits</td>
  114.                 <td><input type="Radio" name="chkBuy2" value="3" onClick="chkRadio();chkPhoto('3');" /></td>
  115.                 </tr>
  116.             
  117.                 <tr>
  118.                 <td>XSmall  - 250 x 250 px @ 72 Dpi  </td>
  119.                 <td>- 1Credit</td>
  120.                 <td><input type="Radio" name="chkBuy2" value="1" onClick="chkRadio();chkPhoto('3');" /></td>
  121.                 </tr>
  122.             
  123.                 <tr>
  124.                     <td colspan="2" align="right">Skip This image file</td>
  125.                     <td>
  126.                     <input type="Radio" name="chkBuy2" value="0" onClick="chkRadio(this.value,'2')"  checked />
  127.                     <input type="text" name="hiddX" value="2" size="5"/>
  128.                     <input type="hidden" name="totalrecord2" value="" size="5"/>
  129.                     </td>
  130.                 </tr>
  131.             
  132.             </table>
  133.           </td>
  134.     </tr>

  135.     <tr>
  136.         <td colspan="3">
  137.         <input type="text" name="photo" id="inputs"  />
  138.      
  139.         
  140.         </td>
  141.     </tr>
  142.    
  143. </table>
  144. </form>
  145. </body>
  146. </html>
复制代码

可以看看我的coding 吗?我要当选那个radio button时,会call chkphoto(photoid) function,然后pass into text box(hidden field),谢谢。
回复

使用道具 举报

发表于 23-1-2008 09:42 PM | 显示全部楼层
你没有hidCounter这个Object,也没total_file这个Object。

[ 本帖最后由 为人民服务 于 23-1-2008 09:47 PM 编辑 ]
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

 

ADVERTISEMENT



ADVERTISEMENT



ADVERTISEMENT

ADVERTISEMENT


版权所有 © 1996-2023 Cari Internet Sdn Bhd (483575-W)|IPSERVERONE 提供云主机|广告刊登|关于我们|私隐权|免控|投诉|联络|脸书|佳礼资讯网

GMT+8, 16-10-2025 12:15 PM , Processed in 0.123402 second(s), 24 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表