5

チェックボックスの選択に基づいて、ある入力フィールドの値を別の入力フィールドにコピーするための JavaScript 関数が必要です。ただし、クリック時にいくつかのJavaScriptコードを実行しましたが、

<script>    
function copyTextValue() {
    var text1 = document.getElementById("Name1").value;
    document.getElementById("Name2").value = text1;
    document.getElementById("Name3").value=text1;
}
</script>

<input type="checkbox" name="check1" onclick="copyTextValue();"/>

チェックを外すと、これら2つのボックスにコピーされた値を削除する必要があります。私はこれに固執しました。何か助けはありますか？

4

4 に答える 4

13 

function copyTextValue(bf) {
  var text1 = bf.checked ? document.getElementById("Name1").value : '';
  document.getElementById("Name2").value = text1;
  document.getElementById("Name3").value = text1;
}
<input type="checkbox" name="check1" onchange="copyTextValue(this);" />
<input id="Name1"><input id="Name2"><input id="Name3">

于 2012-07-26T05:16:10.473 に答える
0 

function copyTextValue() {

    if(document.getElementById('check1').checked){
        let text1 = document.getElementById('Name1').value;        
        document.getElementById('Name2').value = text1;
        document.getElementById('Name3').value = text1;
    }
    else{
        document.getElementById('Name2').value = "";
        document.getElementById('Name3').value = "";
    }    
}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <input type="text" id="Name1" name="Name1">
  <input type="text" id="Name2" name="Name2">
  <input type="text" id="Name3" name="Name3">  
  
  <input type="checkbox" id="check1" name="check1" onclick="copyTextValue();"/>

</body>
</html>

于 2020-06-16T07:19:32.500 に答える