javascript - Javascript函数在复选框的onclick上不起作用
问题描述
我尝试通过复选框的 onclick 属性调用 Javascript 函数。
如果选中第一个复选框等,js 应该显示另一个复选框。
现在该功能不起作用。我尝试仅使用 alert() 进行测试,但没有任何结果...
Fitness:<input type="checkbox" id="fitnessCheck" onclick="checkFunction()">
Beauty:<input type="checkbox" id="beautyCheck">
Streetwear:<input type="checkbox" id="streetwearCheck">
Luxus:<input type="checkbox" id="luxusCheck" onClick="checkFunction()">
Datenschutz: <input style="display:none" type="checkbox" id="datenschutzCheck">
<script>
checkFunction(){
//get Checkboxes
var fitnessCheckbox = document.getElementById("fitnessCheck");
var beautyCheckbox = document.getElementById("beautyCheck");
var streetwearCheckbox = document.getElementById("streetwearCheck");
var luxusCheckbox = document.getElementById("luxusCheck");
var datenschutzCheckbox = document.getElementById("datenschutzCheck");
if(fitnessCheckbox.checked == true || beautyCheckbox.checked == true || streetwearCheckbox.checked == true || luxusCheckbox.checked == true){
datenschutzCheckbox.style.display ="block";
}
}</script>
解决方案
您必须声明函数 checkFunction()。您可以通过多种方式做到这一点,例如:
function checkFunction() {
// code here
}
或者
var checkFunction = function() {
// code here
}
等等,这取决于您将如何使用该功能。
推荐阅读
- c - 用 C 编写配置文件的安全方法
- flutter - 使用内置值解析嵌套 JSON 时出错
- angular - Angular - 如何从另一个组件调用组件中的模态?
- java - 猜谜游戏 - JButton doClick 不起作用?
- html - 如何使文本层仅在离开窗口边框不超过 5% 后才缩小?
- java - 在java中查找子字符串时字符串索引超出范围异常
- python - 不能 uJson'd 的最小 Python 对象
- javascript - 单击影响 ios Safari 和 chrome 中其他元素悬停区域的项目
- ruby-on-rails - Rails 中的 Redis 密钥到期挂钩/通知
- cobol - COBOL's EVALUATE without WHEN OTHER:在什么情况下应用会崩溃?