Javascript 需要添加另一个onClick事件

我有一个复选框，它是使用onclick处理程序设计的

我的问题是，我还想同时解雇一个部门。。显示隐藏的消息

有点像：复选框（勾选即可）

如果勾选显示特色div，则隐藏

我的密码是：

<span id="checkboxWrap" class="styledCheckboxWrap"><input name="include" type="checkbox" id="checkbox" onclick="setCheckboxDisplay(this)" class="styledCheckbox" /></span>

我可以将onClick事件链接到一次单击处理程序吗

即

---

或者我是在兜圈子。

是的，您可以调用

onclick

属性中的多个语句，只要它们以分号分隔。但这并不合适，因此我通常会定义一个新函数，将这两个函数包装成一个调用。

只需将其委托给一个完成所有工作的函数即可

// Somewhere in the head of the file...
function doOnClickStuff(target) {
    toggle('feature');
    setCheckboxDisplay(target);
}

然后让onClick处理程序调用

onClick="doOnClickStuff(target);"

---

理想情况下，您应该尝试开始使用它，这基本上意味着您可以通过将javascript移动到

标记中或移动到单独的文件中来分离结构和功能。因此，您的代码将如下所示，并使其更易于阅读

HTML

剧本

<script>
$(function(){
  $('.styledCheckbox').click(function(){
    setCheckboxDisplay(this);
    toggle('feature');
  });
});
</script>

$（函数（）{
$（'.styledCheckbox'）。单击（函数（）{
设置CheckBoxDisplay（此）；
切换（“特征”）；
});
});

使用事件侦听器。不管怎样，它们都更好。：）

---

你知道我没有试过，哈哈，我只是打了个例子。。。。会让它旋转一下

onClick="doOnClickStuff(target);"

<span id="checkboxWrap" class="styledCheckboxWrap">
  <input name="include" type="checkbox" id="checkbox" class="styledCheckbox" />
</span>

<script>
$(function(){
  $('.styledCheckbox').click(function(){
    setCheckboxDisplay(this);
    toggle('feature');
  });
});
</script>

var check = document.getElementById('checkbox');

check.addEventListener('click', function () {
    setCheckboxDisplay(this);
});

check.addEventListener('click', function () {
    toggle('feature');
});