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>
代码如下:
<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>
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>
改为
var val = document.getElementById("number").value;
如果被选中,将
var val = document.getElementById("number").value;
中的值赋予给选中的选项
fm.elements[i].value = val;
你这样好像将值赋予给了checkbox框吧~你运行一个试试~~ 谢谢
可以加个判断
if(fm.elements[i].type!='checkbox')然后赋值
<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[]') 也可以实现全选,但怎么将下面填写的值写入进去呢??我用了你的方法好像也不行~~
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>
http://bbs.php100.com/attachment/photo/Mon_1111/1914_68311320287635f3b4c0f9fd42239.png
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>
1.当全选取消时,对应的数据也取消
2.当取消其中一个checkbox,对应的那一行数据也取消THS~~
点击全选,判断checked 是否等于true ,等于则值=相应的值,否者值为空。当取消其中一个checkbox,对应的那一行数据也取消
这个可以给其他行加一个监听事件,当取消时,置值为空即可。
onchange = "update(this)";写个update函数就行
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>