表单中有多行，我单击一行中的复选框，该行的另一列赋成当前时间 求解

Question

<td width="80"><label>
                      
<input type="checkbox" name="checkbox3" value=<bean:write name="list" property="zzjh" /> onclick="changeok()"/>
                        <script type="text/javascript" language="javascript">
                        var cboxs = document.forms[0].checkbox3;
                         for(var i=0;i<cboxs.length;i++){
        if(cboxs[i].value=="1"){
            cboxs[i].checked = true;
        }
    } 
                        </script>--这是根据数据库该字段值为1就默认选上的JS
 </label>
</td>
 <td width="121">
<input type="text"  width="121" name="jhpzyf" onFocus="c.showMoreDay = false;c.show(this);"/>
</td>我的意思就是说查询出来比方有5列，我选第一列的复选框，判断，如过该列复选框选中，那么该行的另一列
<input type="text"  width="121" name="jhpzyf" onFocus="c.showMoreDay = false;c.show(this);"/>
值默认成当前时间 也不知道说明白没有 FOR循环的不行 我目前唯一迷惑的就是我点第二行，如何取得该行的i值 然后就可以
if(cboxs[i].checked){
 alert("wwwwwwwwwwww");
 document.forms[0].jhpzyf[i].value = '。';
}

Answer 1

没明白，"我选第一列的复选框，判断，如过该列复选框选中，那么该行的另一列值默认成当前时间"啥意思?
1。10：00 checkbox 选中
2。11：00 checkbox
3。12：00 checkbox
4。13：00 checkbox
显示时间为11点是这样吗？
如果是这样的话通过循环取i值然后在取document.forms[0].jhpzyf[i+1].value 是不是可以实现呢？

Answer 2

不是那意思啊 比方两列 比方说这是显示出来的表单，
       
第一行 checkbox 选中    input type="text"  这是数据库里查询出来的时间
第二行 checkbox        input type="text" 
第三行 checkbox        input type="text" 
第四行 checkbox        input type="text" 
这是显示出来的表单
如果
第一行 checkbox 去掉勾选    input type="text"  变成空值
第二行 checkbox 选中      input type="text"  这个值为默认的当前时间
第三行 checkbox        input type="text" 
第四行 checkbox        input type="text" 

Answer 3

oncheck - checkbox 后调用js函数,函数中判断checked是否为true如果为true 修改为false 
if(true==checked){
//读取时间innerHTML到input 里面
}else{
   //空值'' 到innerHTML input中 
}
不知道lz是这个意思么？

Answer 4

基本是这个意思吧 变单从数据库查询出来的 如过checkbox字段为1，那么input type="text"是有值的，默认就勾选上了，第二列也是有值的 
第一行 checkbox 选中 input type="text" 这是数据库里查询出来的时间
第二行 checkbox input type="text"  
第三行 checkbox input type="text"  
第四行 checkbox input type="text"  
这是显示出来的表单
其他的checkbox为0或者空，就不默认上，第二列也没有值
如果 我选中第二行的checkbox checked=true 那么input type="text" 值就显示为当前时间 第一行我去掉了勾选，就默认为空，然后我就可以把修改完得再保存到数据库中，这应该说明白了吧第一行 checkbox 去掉勾选 input type="text" 变成空值
第二行 checkbox 选中 input type="text" 这个值为默认的当前时间
第三行 checkbox input type="text"  
第四行 checkbox input type="text" 

Answer 5

function checkAll(name) {   
                var names = document.getElementsByName(checkbox3);   
                var len = names.length;   
                if (len > 0) {   
                    var i = 0;   
                    for (i = 0; i < len; i++)   
                    names[i].checked = true;   
  
                }   
            }  

Answer 6

你的意思说简单点就是，用户勾上了checkbox那么就把时间显示在input中，如果去掉勾选就清空input，何必说的那么麻烦呢？我知道你这个东东是动态生成的！你生成checkbox的时候动态产生一个id比如 x1,x2,x3 后面的数字是动态生成的，你懂的！
然后oncheck(this.id) 事件中判断当前checkbox是否被选中，如果选中checked设置false，否则就为true这个逻辑你应该明白把？

Answer 7

我的意思好像是你真的明白了 可你的意思我还没明白啊 呵呵 能不能给写点 我上面写的那么清楚了都，那上面的2列的代码就是表格中的代码啊 我查询出来5行 就显示出5个checkbox3 ，5个input

Answer 8

晕还不明白？我给你写了算了·
<input type="checkbox" id="box1" onclick="test(this,'a1');"/> <input id="a1" type="text"/><br/>
    <input type="checkbox" id="box2" onclick="test(this,'a2');"/> <input id="a2" type="text"/>function test(check,input_id){
var ipt = document.getElementById(input_id);

if(check.checked){

ipt.value='data'; }else{

ipt.value='';

}
}

Answer 9

这个好像还不对啊 比方说表头一行 表体一行对吧 
<thead>
<tr>
<td width="103" align="center"><div align="center"><strong>任务号</strong></div></td>
<td width="80" align="center"><div align="center"><strong>最终计划标志</strong></div></td>
<td width="121" align="center"><div align="center"><strong>计划确定时间</strong></div></td>
</tr>
 </thead>
<tbody>
 <logic:notEmpty name="rwresultList">
 <logic:iterate id="list" name="rwresultList">
<tr>
          <td width="57">
          <bean:write name="list" property="id.rwh" />
           </td>
           <td width="80"><label>
                        <input type="checkbox" name="checkbox3" value=<bean:write     name="list" property="zzjh" /> onselect="" onclick="changeok()"/>
                        <script type="text/javascript" language="javascript">
                        var cboxs = document.forms[0].checkbox3;
                         for(var i=0;i<cboxs.length;i++){
        if(cboxs[i].value=="1"){
            cboxs[i].checked = true;
        }
    } 
      
                        </script>                    </label>
                  </td>
                  <td width="121">
<input type="text"  width="121" name="jhpzyf" onFocus="c.showMoreDay = false;c.show(this);"/>
</td>
                   </tr>
                 </logic:iterate>
</logic:notEmpty>
                <tbody>
我只写一次CHECKBOX跟INPUT 查询出来5行自动就生成5个 不需要写那么多啊 ID如果我加上的话 应该跟name一样 是相同的 你那个好像不行吧

Answer 10

id怎么和name一样了？？？？？？？id用js代码生成不会么？a1,a2,a3就一个循环而已你用到了struts标签logic:iterate 同样可以生成html代码为什么就不能生成html代码中的id呢？

Answer 11

我要是会的话就不愁了啊 刚接触JAVA 能看明白就8错了 没做过JAVA项目呢 我觉得我写的很明白了 基本把代码都贴出来了 能不能加点功能代码就实现了，这个功能真的很费劲吗

Answer 12

<input type="checkbox" name="checkbox3" value=<bean:write name="list" property="zzjh" /> onselect="" onclick="changeok()"/>
直接写个onclick="changeok()",changeok()方法不就可以了吗 JAVA实现点东西实在太费劲了

Answer 13

取数据库时间能取得不 现在问题都不是时间的事了 我想实现上面的简单功能 这个代码居然这么难写吗 JS语言我觉得就可以实现了吧 问题是我还没什么时间看JS语言呢 谁都知道多看看书就可以了 问题是项目急 没什么时间看 找点能直接用的功能代码太难了

Answer 14

帮忙帮到家好了！你用到了struts标签，我着在搭建一个struts麻烦，所以就不给你做struts的例子了，
就给你一个js的例子把原理一个样！希望能帮到你·
java实现东西其实不难，只要你把它弄明白了都恨简单
html+js<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'test.jsp' starting page</title>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
function test(check,input_id){
var ipt = document.getElementById(input_id);


if(check.checked){

ipt.value='data'; }else{

ipt.value='';

}
}

function createInput(){
var dv = document.getElementById('div1');
for(var i=0;i<10;i++){
dv.innerHTML+='<input id="a'+i+'"  type="text"/><br/>';
}

}
</script>
  </head>
  
  <body>
    <input type="checkbox" id="box1" onclick="test(this,'a1');"/> <input id="a1" name="an1" type="text"/><br/>
    <input type="checkbox" id="box2" onclick="test(this,'a2');"/> <input id="a2" name="an2" type="text"/>
    <div id="div1"></div>
    <button onclick="createInput();">生成input</button>
  </body>
</html>

Answer 15

想得到每一行复选框的值，可以在changeok()"方法里面把它当前的属性值都当参数传过去。changeok(this)"，在JS中this.value 就能得到当前选种的复选框的值。

Answer 16

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'test.jsp' starting page</title>
    
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
function test(check,input_id){

var ipt = document.getElementById(input_id);


if(check.checked){

ipt.value='data'; }else{

ipt.value='';

}
}

function createInput(){
var dv = document.getElementById('div1');
for(var i=0;i<10;i++){
dv.innerHTML+="<input type='checkbox' onclick='test(this,\"a"+i+"\");'/><input id='a"+i+"' type='text'/><br/>";
}

}
</script>
  </head>
  
  <body>    <div id="div1"></div>
    <button onclick="createInput();">生成input和checkbox</button>
  </body>
</html>你用下·

Answer 17

你直接复制到jsp文件中运行下就明白道理了呀，这JS还复制么？

Answer 18

按一个buttion后生产10个input和你生成n个td没区别的呀，照着葫芦画瓢的事而已·

Answer 19

我用了 是我说的那种 可我们的情况不一样 你的CHECKBOX跟INPUT都动态生成的
<thead>
<tr>
<td width="103" align="center"><div align="center"><strong>任务号</strong></div></td>
<td width="80" align="center"><div align="center"><strong>最终计划标志</strong></div></td>
<td width="121" align="center"><div align="center"><strong>计划确定时间</strong></div></td>
</tr>
 </thead>
<tbody>
 <logic:notEmpty name="rwresultList">
 <logic:iterate id="list" name="rwresultList">
<tr>
  <td width="57">
  <bean:write name="list" property="id.rwh" />
  </td>
  <td width="80"><label>
  <input type="checkbox" name="checkbox3" value=<bean:write name="list" property="zzjh" /> onselect="" onclick="changeok()"/>
  <script type="text/javascript" language="javascript">
  var cboxs = document.forms[0].checkbox3;
  for(var i=0;i<cboxs.length;i++){
if(cboxs[i].value=="1"){
cboxs[i].checked = true;
}
}  
  
  </script>  </label>
  </td>
  <td width="121">
<input type="text" width="121" name="jhpzyf" onFocus="c.showMoreDay = false;c.show(this);"/>
</td>
  </tr>
  </logic:iterate>
</logic:notEmpty>
  <tbody>
我的都直接写完了 不想 动态生成 页面都画完了

Answer 20

    在表格同一行内的说有复选框的id用相识的名字如（r1c_1 第一行第一列,r1c_2 第一行第二列,r1c_3 第一行第三列），然后给第一列的复选框加上onchange/onclick/onmousedown事件，当点击第一类触发时处理你想改变的其他列，比如处理同行的第三列的复选框：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <script type="text/javascript">
function show(obj){
//通过id获取要操作的对象
var tag = obj.id.substr(0,obj.id.indexOf("_")+1);
//通过上述部分id 获得同行的第三列的复选框
var tagCheckBox = document.getElementById(tag+"3_value");
tagCheckBox.value = "2011-07-6";//修改checkBox的value值
var tagCheckText = document.getElementById(tag+"3_text");
tagCheckText.innerText = "2011-07-6";//修改checkBox的文本显示值
}
  </script>
 </head> <body>
<table>
<tr>
<td>
<input id="r1c_1_value" type="checkbox" value="dd" onmousedown="show(this)"><span id="r1c_1_text">唱歌</span>
</td>
<td>
<input id="r1c_2_value" type="checkbox" value="dd"/><span id="r1c_2_text">音乐</span>
</td>
<td>
<input id="r1c_3_value" type="checkbox" value="dd"/><span id="r1c_3_text">运动</span>
 </td>
</tr>
 </body>
</html>注意里面之所以用span来将显示文本包含起来是应为input标签是单标记，提示文本不是标签内，故无法通过DOM结构获取，所以将其添加在span中。onmousedown这个可以根据你的情况修改不同的事件，lz看看这个行不？

Answer 21

logic:iterate  你这个未必不是动态生成？你就在页面上些了一次 checkbox、input 全是iterate 循环的，你数组中有10条数据，你就会生成10个 checkbox ....怎么不是动态的？？和js写的有和区别我实在是不明白！

Answer 22

我认真的看了你的代码！实际就是struts标签中的iterate 而已，和js的for循环动态生成是一个原理····

Answer 23

我也细细的看了你发的 也尝试着去改了下 好像是拼字符串出了点问题
<script type="text/javascript">
        function test(check,input_id){
            alert('sdfsdf');
            var ipt = document.getElementById(input_id);
            
            
            if(check.checked){
                
                ipt.value='data';            }else{
                
                ipt.value='';
            
            }
        }    
    </script>
我放弃动态生成，把这段JS放到HEAD里面 <td width="121">
<input id id='a"+i+"' type="text" width="121" name="jhpzyf" onFocus="c.showMoreDay = false;c.show(this);"/>
</td>
加上id<input type="checkbox" name="checkbox3" value=<bean:write name="list" property="zzjh" /> onclick = 'test(this,\"a"+i+"\");'/>
这里加上调用 是这么干吧 可能字符串拼接错误 
alert('sdfsdf');
输出不出来

Answer 24

思路找到了就慢慢找问题吧！
onclick='test(this,\"a"+i+"\");' //这个就是调用test这个函数第一个参数是当前checkbox 第二个是文本框id

Answer 25

55555``````````````` struts  logic:iterate标签有一个 indexed 可以得到下标也就是js中的i

Answer 26

谢谢 这个最主要了 呵呵 应该是indexId吧 我现在这么实现的 只要取得indexId就能实现
<thead>
<tr>
<td width="103" align="center"><div align="center"><strong>任务号</strong></div></td>
<td width="80" align="center"><div align="center"><strong>最终计划标志</strong></div></td>
<td width="121" align="center"><div align="center"><strong>计划确定时间</strong></div></td>
</tr>
 </thead>
<tbody>
 <logic:notEmpty name="rwresultList">
 <logic:iterate id="list" name="rwresultList" indexId="number">
<tr>
  <td width="57">
  <bean:write name="list" property="id.rwh" />
  </td>
  <td width="80"><label>
  <input type="checkbox" name="checkbox3" value=<bean:write name="list" property="zzjh" /> onselect="" onclick="changeok(<bean:write name="number"/>)"/>
  <script type="text/javascript" language="javascript">
  var cboxs = document.forms[0].checkbox3;
  for(var i=0;i<cboxs.length;i++){
if(cboxs[i].value=="1"){
cboxs[i].checked = true;
}
}  
function changeok(num){
        var i = num;
        var date = new Date();              var cboxs = document.forms[0].checkbox3;
                               if(cboxs[i].checked){
            document.forms[0].jhpzyf[i].value = date.pattern("yyyy-MM-dd HH:mm:ss");
        }
        else
        {
        document.forms[0].jhpzyf[i].value = '';
        }    
  </script>  </label>
  </td>
  <td width="121">
<input type="text" width="121" name="jhpzyf" onFocus="c.showMoreDay = false;c.show(this);"/>
</td>
  </tr>
  </logic:iterate>
</logic:notEmpty>
  <tbody>