Javascript 单击复选框显示文本

我想用复选框写下这两个名称，并想用java脚本中的复选框在console.log中显示文本。 我试过这个 但它不起作用

巴基斯坦

印度

函数myFunction（）{ var checkbox=document.getElementById（“mycheck”） 如果（checkBox.checked==true）{ 控制台日志（“巴基斯坦”） } }

---

您的复选框。check使用大写b，而您的声明使用小写

巴基斯坦

印度

函数myFunction（）{ var checkbox=document.getElementById（“mycheck”） 如果（checkbox.checked==true）{ 控制台日志（“巴基斯坦”） } }

---

最好的方法是将

此

添加到onclick函数中，该函数将引用单击元素的复选框。然后，您可以检查复选框是否被选中，并打印出父元素的文本以获得“复选框名称”

还要确保您的

type=“checkbox”

不是

checkbox1

，这不是正确的类型。您还希望避免重复id，请将

id=“mycheck”

更改为类或以不同的方式命名它们

工作代码段：

巴基斯坦

印度

函数myFunction（框）{ 如果（box.checked==true）{ console.log（box.parentElement.textContent） } }

---

首先，ID是唯一的，因此将

此

传递到函数中并检查是否已选中，然后检查控制台。记录父项中的文本：

函数myFunction（复选框）{
如果（复选框。选中）{
console.log（checkbox.parentNode.textContent）；
}
}

巴基斯坦

印度

函数myFunction（chbx）{
如果（chbx.checked==true）{
log（chbx.parentElement.textContent）；
}
}

巴基斯坦

---

印度

1。将onclick=“myFunction（）”更改为onclick=“myFunction（this）”2。避免重复ID 3。函数myFunction（）{将是函数myFunction（ele）{因此，您可以使用ele而不是checkboxInput类型，并且所有内容都是在html中预定义的。它应该是heckbox而不是checkbox1。谢谢，但是如果我必须在单击第一个文本时显示不同的文本，我希望在第二个复选框的不同位置显示不同的消息，很抱歉，我无法理解您的问题。请您重新措辞好吗？如果您要显示不同的文本，您可以给复选框一个值属性，如：

India

，然后引用值，如

box.value

。否则我不知道您在说什么