Javascript 从一个输入到另一个输入动态生成值
我正在尝试使用jQuery将我的一个输入标记动态复制到另一个。换句话说，当用户键入第一个输入时，第二个输入显示用户正在键入的内容（仅当选中复选框时） 第二个输入只应在第一个输入中输入内容并选中该框时显示 小提琴的链接： 这就是我到目前为止所做的：Javascript 从一个输入到另一个输入动态生成值,javascript,jquery,Javascript,Jquery,我正在尝试使用jQuery将我的一个输入标记动态复制到另一个。换句话说，当用户键入第一个输入时，第二个输入显示用户正在键入的内容（仅当选中复选框时） 第二个输入只应在第一个输入中输入内容并选中该框时显示 小提琴的链接： 这就是我到目前为止所做的： <body> <input type="password" id="firstInput" /> <input type="hidden" id="secondInput" /> <br/>
<body>
<input type="password" id="firstInput" />
<input type="hidden" id="secondInput" />
<br/>
<input type="checkbox" id='checkbox'/>
<script>
$('#checkbox').change(function(){
if ($(this).prop('checked')) {
$(secondInput).prop('type', 'text');
$(firstInput).on('input', function () {
$(secondInput).val($(firstInput).val());
});
} else {
$(secondInput).prop('type', 'hidden');
}
});
</script>
$（'#复选框'）。更改（函数（）{
if（$（this.prop（'checked'））{
$（secondInput）.prop（'type'，'text'）；
$（firstInput）.on（'input'，函数（）{
$（secondInput.val（$（firstInput.val（））；
});
}否则{
$（secondInput）.prop（'type'，'hidden'）；
}
});
建议？我认为这符合您的要求 它只对复选框和主输入使用一个事件处理程序
var $check = $('#4').change(updateSlave),
$slave = $('#secondInput'),
$master = $('#firstInput').on('input', updateSlave);
function updateSlave(){
var showSlave = $master.val() && $check.is(':checked');
// not sure about value when hidden
$slave.prop('type', showSlave ? 'text' : 'hidden').val(showSlave ? $master.val() : '')
}
您可以使用事件委派，
.toggleClass（）plnkr那么，如果用户在第一个输入中键入，第二个输入应该自动显示？或者，第二个输入只应在第一个输入中输入某些内容并选中该框时显示？您已经说明了您的“问题”，但是您没有清楚地解释您要创建的行为。@DavidThomas应该是“只有在第一个输入中输入了某些内容并且选中该框时，第二个输入才会显示”。我将更新我的帖子。关于
#secondInput是否应将valuevar first = $("#firstInput"), second = $("#secondInput");
$(document).on("input", "#firstInput.checked", function() {
second.val(this.value);
});
$("#4").change(function() {
var checked = this.checked;
first.toggleClass("checked", checked);
second.prop("type", checked ? "text" : "hidden");
});