Question

我正在构建一个注册表，注册人必须提供其电话号码。当我将固定电话和移动电话存储在单独的联系人字段中时，我需要知道他们要提交的是哪一个。我知道我可以提供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>

Answer 1

在选择单选按钮时，将为第一个输入提供的输入将被赋予隐藏字段。如果为隐藏字段提供了以前的任何值，也将为空

$(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>

格式：根据单选，将字段值发布到不同的字段

1 个答案: