Javascript 功能在单击复选框时不起作用

debugcn 发表于 Dev

暴风雪

我尝试通过复选框的 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>

显示年轻的索因卡

这是在 JavaScript 中定义函数的方法。更正您的功能如下;

function checkFunction(){
}

或者，从 HTML 中删除 onclick 属性并将其放入 JavaScript 中，如下定义

var fitnessCheckbox = document.getElementById("fitnessCheck");
fitnessCheckbox.onclick() = function() {
// access properties using this keyword
if ( this.checked ) {
    // if checked ...
    alert( this.value );
} else {
    // if not checked ...
}

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

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