我正在构建一个注册表,注册人必须提供其电话号码。 当我将固定电话和移动电话存储在单独的联系人字段中时,我需要知道他们要提交的是哪一个。 我知道我可以提供2个表单字段,但希望表单前端尽可能简单。
因此,我仅用一个文本字段输入数字,并使用单选按钮选择固定电话或移动电话。 文本字段的值应基于无线电选择发布在2个隐藏字段之一中。
我也可以在弹出带有正确的联系人字段的输入字段之前询问,但这看起来不太好。
电话号码
<label>Is this a cell phone or a land line?</label><br>
<input type="radio" class="radio1" name="question" value="1">Land Line</input><br>
<input type="radio" class="radio1" name="question" value="0">Cell Phone</input>
<input type="hidden" class="text" name="land line"></input><br>
<input type="hidden" class="text" name="cell phone"></input><br>
答案 0 :(得分:0)
在选择单选按钮时,将为第一个输入提供的输入将被赋予隐藏字段。如果为隐藏字段提供了以前的任何值,也将为空
$(document).ready(function(){
$('.radio1').change(function(){
if($(this).val()==1)
{$('#landline').val($(number).val());$('#phone').val('')}
else
{$('#phone').val($(number).val());$('#landline').val('')}
})
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" id="number"/><br>
<label>Is this a cell phone or a land line?</label><br>
<input type="radio" class="radio1" name="question" value="1">Land Line</input><br>
<input type="radio" class="radio1" name="question" value="0">Cell Phone</input>
<input type="hidden" id="landline" value='' class="text" name="land line"></input><br>
<input type="hidden" value='' id="phone" class="text" name="cell phone"></input><br>