1.我想实现点击全选按钮,将 name="number" 中INPUT里面填写的数据存入 name="number1" 的INPUT 和 name="number2" 的INPUT中和name="number2" 的INPUT中...2.如果手选checkbox中的其中一个或者两个按钮,只将name="number" 的INPUT里面填写的数据 填入到选择的那几个INPUT框.JS怎么实现啊?感谢~~~
代码如下:
<script type="text/javascript">
window.onload=function(){
 var fm = document.getElementsByTagName('form')[0];
 var checkall = document.getElementById('checkall');
 checkall.onclick = function() {
for (var i=0;i<fm.elements.length;i++) {
if (fm.elements[i].name != 'checkall') {
fm.elements[i].checked = fm.checkall.checked;
}
}
}; 
};
</script><form>
<table>
<tr><th>学号</th><th>姓名</th><th>书本数量</th><th>全选</th></tr>
<tr><td>1</td><td>张三</td><td><input type="input" name="number1" id="number1" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr>
<tr><td>2</td><td>张四</td><td><input type="input" name="number2" id="number2" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr>
<tr><td>2</td><td>张五</td><td><input type="input" name="number3" id="number3" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr><tr><td></td><td></td><td><input type="text" name="number" id="number"/></td><td><input type="checkbox" name="checkall" id="checkall" /></td></tr>
</table>
</form>

解决方案 »

  1.   

    什么意思,js中直接获取value,给你的各个元素赋值就行了。<script type="text/javascript">
    window.onload=function(){
     var fm = document.getElementsByTagName('form')[0];
     var checkall = document.getElementById('checkall');
     var val = document.getElementById("inputname").value;
     checkall.onclick = function() {
            for (var i=0;i<fm.elements.length;i++) {
                if (fm.elements[i].name != 'checkall') {
                    fm.elements[i].checked = fm.checkall.checked;
                    fm.elements[i].value = val;
                }
            }    
        }; 
    };
    </script>
      

  2.   

    var val = document.getElementById("inputname").value;
    改为
    var val = document.getElementById("number").value;
      

  3.   


    如果被选中,将
    var val = document.getElementById("number").value;
    中的值赋予给选中的选项  
    fm.elements[i].value = val;
    你这样好像将值赋予给了checkbox框吧~你运行一个试试~~ 谢谢
      

  4.   

    是给所有的元素赋值,不止是checkbox,还有input type='text'
    可以加个判断
    if(fm.elements[i].type!='checkbox')然后赋值
      

  5.   

    http://blog.csdn.net/theforever/article/details/5898306
      

  6.   


    <script type="text/javascript">
    window.onload=function(){
     var fm = document.getElementsByTagName('form')[0];
     var checkall = document.getElementById('checkall');
     checkall.onclick = function() {
            for (var i=0;i<fm.elements.length;i++) {
                if (fm.elements[i].name == 'ids[]') {
                    fm.elements[i].checked = fm.checkall.checked;
                }
            }    
        }; 
    };
    </script><form>
    <table>
    <tr><th>学号</th><th>姓名</th><th>书本数量</th><th>全选</th></tr>
    <tr><td>1</td><td>张三</td><td><input type="input" name="number1" id="number1" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr>
    <tr><td>2</td><td>张四</td><td><input type="input" name="number2" id="number2" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr>
    <tr><td>2</td><td>张五</td><td><input type="input" name="number3" id="number3" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr><tr><td></td><td></td><td><input type="text" name="number" id="number"/></td><td><input type="checkbox" name="checkall" id="checkall" /></td></tr>
    </table>
    </form>将 if (fm.elements[i].name != 'checkall')  改成了if (fm.elements[i].name == 'ids[]') 也可以实现全选,但怎么将下面填写的值写入进去呢??我用了你的方法好像也不行~~
      

  7.   

    why not 不行<script type="text/javascript">
    function show(){
     var fm = document.getElementsByTagName('form')[0];
     var checkall = document.getElementById('checkall');
     var val = document.getElementById('number').value;
     checkall.onclick = function() {
            for (var i=0;i<fm.elements.length;i++) {
                if (fm.elements[i].type == 'checkbox') {
                    fm.elements[i].checked = fm.checkall.checked;
                }
    else if(fm.elements[i].type == 'text' && fm.elements[i].name!='number'){
        fm.elements[i].value = val;
    }
            }    
        }; 
    }
    </script><form>
    <table>
    <tr><th>学号</th><th>姓名</th><th>书本数量</th><th>全选</th></tr>
    <tr><td>1</td><td>张三</td><td><input type="text" name="number1" id="number1" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr>
    <tr><td>2</td><td>张四</td><td><input type="text" name="number2" id="number2" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr>
    <tr><td>2</td><td>张五</td><td><input type="text" name="number3" id="number3" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr><tr><td></td><td></td><td><input type="text" name="number" id="number"/></td><td><input type="checkbox" name="checkall" id="checkall" onchange="show()"/></td></tr>
    </table>
    </form>
      

  8.   

    如下图片,在下面写入TEST字段,点击全选后,上面的input框没有反应,
    http://bbs.php100.com/attachment/photo/Mon_1111/1914_68311320287635f3b4c0f9fd42239.png
      

  9.   

    你把事件变为 onclik事件,而不是onload完整代码:<script type="text/javascript">
    function show(){
     var fm = document.getElementsByTagName('form')[0];
     var checkall = document.getElementById('checkall');
     var val = document.getElementById('number').value;
            for (var i=0;i<fm.elements.length;i++) {
                if (fm.elements[i].type == 'checkbox') {
                    fm.elements[i].checked = fm.checkall.checked;
                }
    else if(fm.elements[i].type == 'text' && fm.elements[i].name!='number'){
        fm.elements[i].value = val;
    }
            }    
    }
    </script><form>
    <table>
    <tr><th>学号</th><th>姓名</th><th>书本数量</th><th>全选</th></tr>
    <tr><td>1</td><td>张三</td><td><input type="text" name="number1" id="number1" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr>
    <tr><td>2</td><td>张四</td><td><input type="text" name="number2" id="number2" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr>
    <tr><td>2</td><td>张五</td><td><input type="text" name="number3" id="number3" readonly="readonly"/></td><td><input type="checkbox" name="ids[]"/></td></tr><tr><td></td><td></td><td><input type="text" name="number" id="number"/></td><td><input type="checkbox" name="checkall" id="checkall" onchange="show()"/></td></tr>
    </table>
    </form>
      

  10.   

    不能不变得更好一点,那就非常好了:
    1.当全选取消时,对应的数据也取消
    2.当取消其中一个checkbox,对应的那一行数据也取消THS~~
      

  11.   


    点击全选,判断checked 是否等于true ,等于则值=相应的值,否者值为空。当取消其中一个checkbox,对应的那一行数据也取消
    这个可以给其他行加一个监听事件,当取消时,置值为空即可。
    onchange = "update(this)";写个update函数就行
      

  12.   

    <script type="text/javascript">
    function show(){
     var fm = document.getElementsByTagName('form')[0];
     var checkall = document.getElementById('checkall');
     var val = document.getElementById('number').value;
            for (var i=0;i<fm.elements.length;i++) {
                if (fm.elements[i].type == 'checkbox') {
                    fm.elements[i].checked = fm.checkall.checked;
                }
                else if(fm.elements[i].type == 'text' && fm.elements[i].name!='number' &&fm.checkall.checked==true){
                    fm.elements[i].value = val;
                }
    else if(fm.elements[i].type == 'text' && fm.elements[i].name!='number' &&fm.checkall.checked==false){
        fm.elements[i].value = '';
    }
            }    
    }
    function update(obj,inputid){
      var flag = obj.checked;
      var val = document.getElementById('number').value;
      if(flag == true){
         document.getElementById(inputid).value = val;
      }
      else{
         document.getElementById(inputid).value = '';
      }
    }</script><form>
    <table>
    <tr><th>学号</th><th>姓名</th><th>书本数量</th><th>全选</th></tr>
    <tr><td>1</td><td>张三</td><td><input type="text" name="number1" id="number1" readonly="readonly"/></td><td><input type="checkbox" name="ids[]" onclick="update(this,'number1')"/></td></tr>
    <tr><td>2</td><td>张四</td><td><input type="text" name="number2" id="number2" readonly="readonly"/></td><td><input type="checkbox" name="ids[]" onclick="update(this,'number2')"/></td></tr>
    <tr><td>2</td><td>张五</td><td><input type="text" name="number3" id="number3" readonly="readonly"/></td><td><input type="checkbox" name="ids[]" onclick="update(this,'number3')"/></td></tr><tr><td></td><td></td><td><input type="text" name="number" id="number"/></td><td><input type="checkbox" name="checkall" id="checkall" onclick="show()"/></td></tr>
    </table>
    </form>