2

ページの本文のcheckDisplayは、チェックボックスをクリックするたびにトリガーされるようです。しかし、どのように?関数がチェックボックスにバインドされていないようです...

<!DOCTYPE html>
<html>
<head>
<title>Checkbox</title>
<script type="text/javascript">
    var checkDisplay = function(check, form) { //check ID, form ID
        form = document.getElementById(form), check =         document.getElementById(check);
        check.onclick = function(){
            form.style.display = (this.checked) ? "block" : "none";
            form.reset();
        };
        check.onclick();
    };
</script>
</head>
<body>
<input type="checkbox" id="check" />
<form id="form">
    <input type="checkbox" /><input type="text" />
</form>
<script type="text/javascript">
checkDisplay("check", "form");
</script>

4

1 に答える 1

2

それはあなたが呼んでいるからです:

<script type="text/javascript">
checkDisplay("check", "form");
</script>

checboxのonclickイベントを作成する「check」に合格しています。

check = document.getElementById(check);
check.onclick = function(){
    form.style.display = (this.checked) ? "block" : "none";
    form.reset();
};

チェックを値「check」からそのIDを持つページのチェックボックスコントロールにリセットしている行に注意してください。

幸運を。

于 2013-02-08T03:26:08.957 に答える