使用 javascript 将值从一个表单传递到另一个表单
Pass value from one form to another with javascript
<body>
<form style=" float:left" name="left">
<div style=" border:1px solid red; width:150px; padding:10px 10px 10px 10px">
<table width="100" border="0" cellspacing="3">
<tr>
<td><input type="text" placeholder="Name" id="cc1"/><br /></td>
</tr>
<tr>
<td><input type="text" placeholder="Surname" id="cc2" /><br /></td>
</tr>
<tr>
<td><input type="text" placeholder="Last name" id="cc3"/><br /></td>
</tr>
<tr>
<td><input type="text" placeholder="ID" id="cc4"/><br /></td>
</tr>
</table>
</div>
<div style="margin-left:70px;">
<input type="checkbox" name="c" id="c1" /><br />
<input type="checkbox" name="c" id="c2"/><br />
<input type="checkbox" name="c" id="c3"/><br />
<input type="checkbox" name="c" id="c4"/><br />
</div>
</form>
<form style="float:left" name="mid">
</div>
<div style="margin-top:60px;">
<input type="button" value="<" name="ml" onClick="form()" />
<input type="button" value=">" name="mr" onClick="form()" />
</div>
</form>
<form style=" float:left" name="right">
<div style=" border:1px solid red; width:150px; padding:10px 10px 10px 10px">
<table width="100" border="0" cellspacing="3">
<tr>
<td><input type="text" placeholder="Name" id="dd1"/><br /></td>
</tr>
<tr>
<td><input type="text" placeholder="Surname" id="dd2" /><br /></td>
</tr>
<tr>
<td><input type="text" placeholder="Last name" id="dd3" /><br /></td>
</tr>
<tr>
<td><input type="text" placeholder="ID" id="dd4"/><br /></td>
</tr>
</table>
</div>
<div style="margin-left:70px;">
<input type="checkbox" id="d1" /><br />
<input type="checkbox" id="d2"/><br />
<input type="checkbox" id="d3"/><br />
<input type="checkbox" id="d4"/><br />
</div>
</form>
因此,当选中确切的复选框时,我需要使用更大和更小的符号从右到左和从左到右传递值。示例:如果选中左侧的前两个复选框,并且您点击了更大的符号,则应将"姓名"和"姓氏"传递到右侧形式中。
这是你的工作 jsfiddle
注意:我已经将函数名称从form()更改为lefttoright()和righttoleft()
var cc1 = document.getElementById("cc1");
var cc2 = document.getElementById("cc2");
var cc3 = document.getElementById("cc3");
var cc4 = document.getElementById("cc4");
var dd1 = document.getElementById("dd1");
var dd2 = document.getElementById("dd2");
var dd3 = document.getElementById("dd3");
var dd4 = document.getElementById("dd4");
function lefttoright(){
var c1 = document.getElementById("c1").checked;
var c2 = document.getElementById("c2").checked;
var c3 = document.getElementById("c3").checked;
var c4 = document.getElementById("c4").checked;
if(c1){dd1.value = cc1.value};
if(c2){dd2.value = cc2.value};
if(c3){dd3.value = cc3.value};
if(c4){dd4.value = cc4.value};
};
function righttoleft(){
var d1 = document.getElementById("d1").checked;
var d2 = document.getElementById("d2").checked;
var d3 = document.getElementById("d3").checked;
var d4 = document.getElementById("d4").checked;
if(d1){cc1.value = dd1.value};
if(d2){cc2.value = dd2.value};
if(d3){cc3.value = dd3.value};
if(d4){cc4.value = dd4.value};
};
相关文章:
- 后焦点更改为IE 11中的地址栏,而不是转移到表单中的下一个控件
- 使用ajax将数据从一个步骤发送到下一个步骤的3步表单
- jquery mobile上多个页面上的一个表单
- 如何在只能有一个asp.net表单的主页上从asp.net页面中的javascript中获取值
- 如何创建一个“;表单弹出框“;在chrome中右键单击时位于突出显示的单词上方
- 循环遍历包含另一个表单的表单
- jquery从2个json字符串构建一个复选框表单
- 为网站表单创建一个专业的日历
- 如何在javascript转换编码中将一个动态值从一个表单添加到另一个页面
- 我确实有一个表单,如果用户输入了输入,它应该检查否定或空的输入框,并抛出一条警告消息
- 在表单中创建一个黑名单过滤器以避免某些单词
- 从一个iframe到另一个ifame的过帐表单-IE
- 从表单中动态生成一个字符串,传递给通过AJAX加载的PHP文件
- 页面上的2个表单带有JS验证-其中一个抛出电子邮件验证错误
- 需要一个用于AJAX的Javascript库,其中包含多部分/表单数据
- 当阻止Enter键提交AJAX表单时,关注下一个输入是't工作
- 一个具有两个图像按钮的表单在只能按下一个按钮的情况下发送两个按钮值
- 在另一个可观察量完成后触发第二个表单提交单击
- 两个表单 - 一个提交按钮
- 多表单一个ajax函数