您的位置：首页 > Web前端 > JavaScript

JS遍历控件取值,去某行的所有控件的值

2009-09-11 10:27 204 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>JS遍历控件取值</title>
    <mce:script type="text/javascript"><!--
    function Submit()
    {
       var Text=document.getElementsByTagName("input");
      var Array="";
        for(var i=0;i<Text.length;i++)
        {
            if(Text[i].type=="text"||Text[i].type=="checkbox")
            {
              Array+=",";
              Array+=Text[i].value;
            }
           
        }
         Array=Array.substring(1,Array.length);
         alert(Array);
    }
    
// --></mce:script>
</head>
<body>
    <table>
        <tr>
            <td style="width: 100px">
                <input id="Checkbox1" type="checkbox" value="胡果" />胡果</td>
            <td style="width: 100px">
                <input id="Text1" type="text" value="ws_hgo" /></td>
            <td style="width: 100px">
                <input id="Button1" type="button" value="button" onclick="Submit(this)" /></td>
        </tr>
         </table>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>JS某行的所有控件的值</title>
    <mce:script type="text/javascript"><!--
 function Submit(obj)
 {
  var str="";
  var tr=obj.parentNode.parentNode;
  var chk=tr.childNodes[0].childNodes[0];
  if(chk.checked)
  {
    str=chk.value;
  }
  var txt=tr.childNodes[1].childNodes[0];
  str+=txt.value;
  alert(str);
 }

    
// --></mce:script>
</head>
<body>
    <table>
        <tr>
            <td style="width: 100px">
                <input id="Checkbox1" type="checkbox" value="胡果" />胡果</td>
            <td style="width: 100px">
                <input id="Text1" type="text" value="ws_hgo" /></td>
            <td style="width: 100px">
                <input id="Button1" type="button" value="button" onclick="Submit(this)" /></td>
        </tr>
        <tr>
            <td style="width: 100px">
                <input id="Checkbox2" type="checkbox" value="果果" />果果</td>
            <td style="width: 100px">
                <input id="Text2" type="text" value="hgo" /></td>
            <td style="width: 100px">
                <input id="Button2" type="button" value="button" onclick="Submit(this)" /></td>
        </tr>
    </table>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航