javascript：如何显示复选框中的值

我有这个HTML：

<form id="my form">
<input type="checkbox" name="interest" value="swim"/>
<input type="checkbox" name="interest" value="baseball"/>
<input type="checkbox" name="interest" value="basketball"/>
<input type="checkbox" name="interest" value="badminton"/>
<input type="checkbox" name="interest" value="running"/>
</form>

我想在

中显示结果
如何键入javascript以显示我在“复选框”中选择的内容？
首先，您已经为id提供了一个有效的值。您可以将“myform”或除不能以数字开头的字母数字值以外的任何值替换为“myform”

<form id="myform">
<input type="checkbox" name="interest" value="swim"/>
<input type="checkbox" name="interest" value="baseball"/>
<input type="checkbox" name="interest" value="basketball"/>
<input type="checkbox" name="interest" value="badminton"/>
<input type="checkbox" name="interest" value="running"/>
</form>

<p id="pResult" onclick="showCheckedValues(event);"></p>




在Javascript中，您可以收集所有复选框，并在
元素中放置一个函数，该函数将检查、选中复选框并放置它们的具体值，如

<script>

   var checkboxes;
   function showCheckedValues(ev){ 
     var pElement = ev.target;
     if(checkboxes){
       var checkedValues= [];
       checkboxes.forEach(function(x){ 
           if(x.checked){
              checkedValues.push(x.value)
           }
       });
       pElement.innerHTML = checkedValues.join(',');
    }
  }
  window.onload = function(){
     checkboxes =  document.querySelectorAll('input[type=checkbox]');
  }
</script>


var复选框；
函数showCheckedValues（ev）{
var pElement=ev.目标；
如果（复选框）{
var checkedValues=[]；
复选框。forEach（函数（x）{
如果（x.checked）{
checkedValues.push（x.value）
}
});
pElement.innerHTML=checkedValues.join（'，'）；
}
}
window.onload=函数（）{
checkbox=document.querySelectorAll（'input[type=checkbox]）；
}
当您提问时，文本区右侧有一个大橙色的“如何设置格式”框，其中包含有用的信息。还有一个完整的格式化工具条。还有一个[？]按钮提供格式化帮助。还有一个预览区，位于文本区和“发布你的问题”按钮之间（这样你就必须滚动过去才能找到按钮，以鼓励你查看），显示你的帖子发布时的样子。让你的帖子清晰明了，并证明你花了时间这样做，提高了你获得好答案的机会。欢迎来到Stack Overflow！在请其他人为你做这件事之前，请先看一看，通读一遍，尤其是你需要做出一些努力，做一些研究。游泳                                                                                            如果该评论试图改进问题，请使用问题上的“编辑”链接，而不是评论。确定。很抱歉我会修好的。非常感谢。