当前位置: 电脑软硬件应用网 > 设计学院 > 图像处理 > 正文
处理多个同名复选框
处理多个同名复选框
2005-12-30 19:28:47  文/45IT收集   出处:电脑软硬件应用网   

如果一个表单中有多个同名复选框,在提交到php时却只有一个值,而并不像asp那样是一串用逗号分割的值。有一个很简单的方法来解决:将复选框的name后面加上[],例如: 
  <input type="checkbox" name="ccc" value="1"> 
改为:<input type="checkbox" name="ccc[]" value="1">。
  这样php将得到一个叫ccc的阵列。如果您要在客户端对复选框是否被选择、选择了几个用javascript来判断时,javascript会因为复选框的name中含有[]而出错。可以在表单中加入一个隐含域,用javascript设置它的值:
  <script language="javascript"> 
  function check()
  {
  var strchoice="";
  for(var i=0;i<document.news.choice.length;i++)
  { 
  if (document.news.choice[i].checked) 
  { 
  strchoice=strchoice+document.news.choice[i].value+","; 
  } 
  } 
  if (!document.news.choice.length) 
  { 
  if (document.news.choice.checked) 
  { 
  strchoice=document.news.choice[i].value;+"," 
  } 
  } 
  strchoice=strchoice.substring(0,strchoice.length-1); 
  document.news.choiceid.value=strchoice; 
  alert(document.news.choiceall.value); 
  } 
  </script> 
  <html> 
  ... 
  <form name="news" action="test.php" method="post" onsubmit="check()"> 
  <input type="checkbox" name="choice" value="1"> 
  <input type="checkbox" name="choice" value="2"> 
  <input type="checkbox" name="choice" value="3"> 
  <input type="checkbox" name="choice" value="4"> 
  <input type="hidden" name="choiceid" value=""> 
  </form> 
  ... 
  </html>

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    设计理论:可用性设计的10个准则
    设计理论:质感高光基础入门 I
    平面设计中的常用字库种类说明
    关于色彩中“纯度”概念的讨论
    三维设计专用技术名词解释
    超酷黄金喜字
    Photoshop的动作命令和批处理命令
    轻松几步将美女照片处理为手工素描
    巧用Photoshop滤镜模拟水粉花卉效果
    打造照片朦胧梦幻效果
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号