如何使用js或jquery将复选框数据放入html的文本区域框中？

Question

我有一个具有复选框和文本区域的HTML表单。 当我选中该复选框时，我希望它能够使用其值动态更新文本区域。 我究竟做错了什么？ 这是代码：

<html>
<head>
<meta charset="ISO-8859-1">
<title>Sample Web page</title>
<script type="javascript">
   function changeTA() {
   var inputElements = document.getElementByName("favorite_pet");
       for(var i=0; inputElements[i]; ++i){
           if(inputElements[i].checked){
               $('#ta').val($('#ta').val()+inputElements[i].value); 
     }
   }
</script>
</head>
<body>
<form>  
   <legend>What is Your Favorite Pet?</legend>  
   <input type="checkbox" name="favorite_pet" id="check_cat" value="Cats" onchange="changeTA()">Cats<br>  
   <input type="checkbox" name="favorite_pet" id="check_dog" value="Dogs" onchange="changeTA()">Dogs<br>  
   <input type="checkbox" name="favorite_pet" id="check_bird" value="Birds" onchange="changeTA()">Birds<br>  
       <br>  

   <textarea id="ta" rows="4" cols="50">
   </textarea>
</form>

</body>
</html>

Answer 1

您的代码中有3个问题：

您在getElementByName有一个错字，请使用getElementsByName
您缺少函数中的右括号
将<script type="javascript">更改为<script type="text/javascript">

您的代码应该可以解决以下3个问题：

<html>
<head>
<meta charset="ISO-8859-1">
<title>Sample Web page</title>
<script type="text/javascript">
   function changeTA() {
        var inputElements = document.getElementsByName("favorite_pet");
        for(var i=0; inputElements[i]; ++i){
           if(inputElements[i].checked){
               $('#ta').val($('#ta').val()+inputElements[i].value); 
              }
       }
   }
</script>
</head>
<body>
<form>  
   <legend>What is Your Favorite Pet?</legend>  
   <input type="checkbox" name="favorite_pet" id="check_cat" value="Cats" onchange="changeTA()">Cats<br>  
   <input type="checkbox" name="favorite_pet" id="check_dog" value="Dogs" onchange="changeTA()">Dogs<br>  
   <input type="checkbox" name="favorite_pet" id="check_bird" value="Birds" onchange="changeTA()">Birds<br>  
   <br>  

   <textarea id="ta" rows="4" cols="50">
   </textarea>
</form>

</body>
</html>

这是一个有效的小提琴： https : //jsfiddle.net/mrz1L4h9/

如何使用js或jquery将复选框数据放入html的文本区域框中？

问题描述

1 个解决方案

解决方案1
2 已采纳 2019-08-05 16:27:37

如何使用js或jquery将复选框数据放入html的文本区域框中？

问题描述

1 个解决方案

解决方案1 2 已采纳 2019-08-05 16:27:37

解决方案1
2 已采纳 2019-08-05 16:27:37