用复选框中的另一个输入自动填充同一个类中的多个输入框

ace23 发表于 Dev

ace23

这可能是一个相当容易的问题。我找到了与此类似的帖子，但是，我尝试了它们，但对我来说不起作用。我有一个复选框，该复选框的onclick我想用相同的值填充其余的框。我尝试了两种不同的方法。这个仅填写一个输入框。

function autoFunction() {
	if (document.getElementById("checkbox").checked) {
		var disk = document.getElementById("value").value;
	        document.getElementById("used").value = disk;
	}
	else {
	  document.getElementById("used").value = "";
	}
	  }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<div align="left">Input Value <input type="text" size="5" id="value" >

&nbsp;<input type="checkbox" id="checkbox" name="checkbox" onchange="autoFunction()"/> Use Default Value</div>
<br>
<div>
<div><input type="text" class="used" id = "used" name= "used" value=""></div>
</div>

<div>
<div><input type="text" class="used" id = "used" name= "used" value=""></div>
</div>

<div>
<div><input type="text" class="used" id = "used" name= "used" value=""></div>
</div>

<div>
<div><input type="text" class="used" id = "used" name= "used" value=""></div>
</div>

我也尝试过使用jQuery。但是，它不会显示任何内容。

jQuery(document).on("change", ".checkbox", function() {

  if(this.checked) {
   alert("checked ");
    //get the values of the filled fields
    var value = jQuery(".value").val();


    jQuery(".used").val(value);


  }
  else{
   jQuery('.used').val('');
  }
 });

任何帮助表示赞赏。谢谢。

ace23

我只是替换if (this.checked)为if (jQuery('.checkbox').is(':checked'))它，并且起作用了。

 jQuery(document).on("change", ".checkbox", function() {
        if  (jQuery('.checkbox').is(':checked')) {

        //get the values of the filled fields
        var disksheettcsn = jQuery(".disksheettcsn").val();

        // then add those values to your billing infor window feilds 
        jQuery(".used").val(disksheettcsn);

        // then form will be automatically filled .. 

      }
      else{
       jQuery('.used').val('');
      }
     });

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。