如何在jQuery上启用/禁用链接?

时间:2016-05-27 14:08:46

标签: javascript jquery html

我正在尝试使用此代码,但我在处理它时遇到了麻烦。

  • 当选中0或所有复选框时,应禁用“Click”。
  • 应禁用“操作”,不检查任何元素。

这是我的代码,它适用于代码片段,但它不在我的导航器上,我不知道确切的问题在哪里,如果在事件中因为我在此div内部有其他事件onclick其他

提前谢谢。

label {
  display: block;
}

a {
  margin: 30px;
  padding: 30px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="suppressionMultiAptitudes" onchange="activerSupressionMultiple()">
<label><input type="checkbox"> option 1</label>
<label><input type="checkbox"> option 2</label>
<label><input type="checkbox"> option 3</label>
<label><input type="checkbox"> option 4</label>
<label><input type="checkbox"> option 5</label>
</div>

<a id="link1" href="#" onclick="selectionnerToutesLesAptitudes(); return false;">Select All</a>
<a id="link2" onclick="action(); return false;">Action</a>
{{1}}

1 个答案:

答案 0 :(得分:0)

删除&#34; onchange&#34;在你的div。

<div id="suppressionMultiAptitudes">
<label><input type="checkbox"> option 1</label>
<label><input type="checkbox"> option 2</label>
<label><input type="checkbox"> option 3</label>
<label><input type="checkbox"> option 4</label>
<label><input type="checkbox"> option 5</label>
</div>

<a id="link1" href="#" onclick="selectionnerToutesLesAptitudes(); return false;">Select All</a>
<a id="link2" onclick="action(); return false;">Action</a>

添加事件以调用您的函数:

$('input:checkbox').change(function(){
   activerSupressionMultiple();
})

结果:JSFiddle