根据checkbox选中，给次行的input 赋值

比如说有
                <tr >
                    <td >
                         <input type="checkbox" name="start_1" value="1"/>
                         <input type="input" name="student_1" value="第一个">
                    </td>
                </tr>
                                <tr class="TableHeader">
                    <td >
                         <input type="checkbox" name="start_2" value="2"/>
                         <input type="input" name="student_2" value="第二个">
                    </td>
                </tr>
                                <tr class="TableHeader">
                    <td >
                         <input type="checkbox" name="start_3" value="3"/>
                         <input type="input" name="student_3">
                    </td>
                </tr>
                                <tr class="TableHeader">
                    <td >
                         <input type="checkbox" name="start_4" value="4"/>
                         <input type="input" name="student_4">
                    </td>
                </tr>
                                <tr class="TableHeader">
                    <td >
                         <input type="checkbox" name="start_5" value="5"/>
                         <input type="input" name="student_5">
                    </td>
                </tr>
                                <tr class="TableHeader">
                    <td >
                         <input type="checkbox" name="start_6" value="6"/>
                         <input type="input" name="student_6">
                    </td>
                </tr>N个这样的控件。不确定其个数，但是以这样的格式命名<input type="input" name="student" value="及格">
<input type="button" name="OK" >
如何点击button控件，然后把Name为"student"这个控件中的值"及格"赋值给sutdent1....studentN的值
checkbox 选中start_1 ，start_2
<input type="input" name="student_1" value="及格">
<input type="input" name="student_2" value="及格">
只给选中项赋值
怎么循环啊？

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=gb2312">
    <title> new document </title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script type="text/javascript" src="js/jq.js"></script>
    </head>
    <script type="text/javascript">
    <!--
    function kk () {
    $("[name^=student_]").each(
    function(){
    if($("[name=start_"+$(this).attr("name").slice(8)+"]").attr("checked")==true){
    $(this).val($("[name=student]").val())
    }

    }
    )
    }
    //-->
    </script>
    <body>
    <table>
    <tr >
      <td >
      <input type="checkbox" name="start_1" value="1"/>
      <input type="input" name="student_1" value="第一个">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_2" value="2"/>
      <input type="input" name="student_2" value="第二个">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_3" value="3"/>
      <input type="input" name="student_3">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_4" value="4"/>
      <input type="input" name="student_4">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_5" value="5"/>
      <input type="input" name="student_5">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_6" value="6"/>
      <input type="input" name="student_6">
      </td>
      </tr>
    </table>
    <input type="input" name="student" value="及格">
    <input type="button" name="OK" onclick="kk()"> </body>
    </html>
      

  2.   

    这样也可以<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=gb2312">
    <title> new document </title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    </head>
    <script type="text/javascript">
    <!--
    function kk () {
    var student = document.getElementById('student');    var inputs = document.getElementsByTagName('input');    for(i = 0; i < inputs.length; i++) {
            if(/student_\d+/.test(inputs[i].name)) {
               if(document.getElementsByName("start_"+inputs[i].name.slice(8))[0].checked==true){
                inputs[i].value = student.value;
    }
            }
        } }
    //-->
    </script>
    <body>
    <table>
    <tr >
      <td >
      <input type="checkbox" name="start_1" value="1"/>
      <input type="input" name="student_1" value="第一个">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_2" value="2"/>
      <input type="input" name="student_2" value="第二个">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_3" value="3"/>
      <input type="input" name="student_3">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_4" value="4"/>
      <input type="input" name="student_4">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_5" value="5"/>
      <input type="input" name="student_5">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_6" value="6"/>
      <input type="input" name="student_6">
      </td>
      </tr>
    </table>
    <input type="input" name="student" value="及格">
    <input type="button" name="OK" onclick="kk()"> </body>
    </html>
      

  3.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <table>
    <tr >
      <td >
      <input type="checkbox" name="start_1" value="1"/>
      <input type="input" name="student_1" value="第一个">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_2" value="2"/>
      <input type="input" name="student_2" value="第二个">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_3" value="3"/>
      <input type="input" name="student_3">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_4" value="4"/>
      <input type="input" name="student_4">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_5" value="5"/>
      <input type="input" name="student_5">
      </td>
      </tr>
      <tr class="TableHeader">
      <td >
      <input type="checkbox" name="start_6" value="6"/>
      <input type="input" name="student_6">
      </td>
      </tr>
     </table>
    <input type="input" name="student" id="student" value="及格">
    <input type="button" name="OK" value="OK" onclick="fillData()">
    <script type="text/javascript">
    function fillData() {
    var val = document.getElementById('student').value;
    var obj = document.getElementsByTagName('input');
    for (i = 0; i < obj.length; i ++) {
    if (obj[i].checked) obj[i].parentNode.getElementsByTagName('input')[1].value = val;
    }
    }
    </script>
    </body>
    </html>
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=gbk">
            <title>Untitled Document</title>
            <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js">
            </script>
            <script type="text/javascript">
                $(function(){
                 $("input[name='OK']").click(function(){
    var valueObj = $("input[name='student']").val();
    $("input[type='checkbox']").each(function(){
    if($(this).attr('checked') == true){
    $(this).next("input").val(valueObj);
    }
    });
    });
                });
            </script>
        </head>
        <body>
            <div>
                <table>
                    <tr>
                        <td>
                            <input type="checkbox" name="start_1" value="1"/><input type="input" name="student_1" value="第一个">
                        </td>
                    </tr>
                    <tr class="TableHeader">
                        <td>
                            <input type="checkbox" name="start_2" value="2"/><input type="input" name="student_2" value="第二个">
                        </td>
                    </tr>
                    <tr class="TableHeader">
                        <td>
                            <input type="checkbox" name="start_3" value="3"/><input type="input" name="student_3">
                        </td>
                    </tr>
                    <tr class="TableHeader">
                        <td>
                            <input type="checkbox" name="start_4" value="4"/><input type="input" name="student_4">
                        </td>
                    </tr>
                    <tr class="TableHeader">
                        <td>
                            <input type="checkbox" name="start_5" value="5"/><input type="input" name="student_5">
                        </td>
                    </tr>
                    <tr class="TableHeader">
                        <td>
                            <input type="checkbox" name="start_6" value="6"/><input type="input" name="student_6">
                        </td>
                    </tr>
    <tr>
    <td>
    <input type="input" name="student" value="及格">
    <input type="button" name="OK" value="OK">
    </td>
    </tr>
                </table>
            </div>
        </body>
    </html>