尝试将两个脚本与复选框组合在一起并切换答案

【问题标题】：trying to combine two scripts together with a check box and toggle尝试将两个脚本与复选框组合在一起并切换
【发布时间】：2015-03-30 19:54:17
【问题描述】：

我有一个链接，当用户点击时会取消选中一个复选框。

当复选框未选中时，我希望隐藏一个 div。只有当复选框被选中时，才会显示 div。

这两个脚本独立工作，但它们不能一起工作。当我刷新页面时，取消选中复选框的链接可以正常工作，但会显示 div。

我需要帮助将这两个脚本组合在一起，以确保在选中复选框并且未通过链接选中复选框时显示 div。

HTML：

<a id="uncheck-all" href="#sharestory2" class="share_cont1">Continue</a>

<input  type="checkbox" name="agreeCheckbox" value="Accept" onchange="toggleLink(this);">

<div class="share_cont_PRO"  id="agreeLink" style="display:none;"><a href="#sharestory3" class="share_contPRO">Proceed To Sharing</a></div>

脚本：

$(document).ready(function() {

$('#uncheck-all').click(function(){
$("input:checkbox").attr('checked', false);
  });
});   



function toggleLink(checkBox)
 {
var link = document.getElementById("agreeLink");

if (checkBox.checked)
    link.style.display = "inline";
else
    link.style.display = "none";
 }

【问题讨论】：

标签： jquery checkbox toggle unchecked

【解决方案1】：

如果我正确理解了您的问题，您可以在点击事件处理程序中触发复选框的更改事件：

$('#uncheck-all').click(function () {
    $("input:checkbox").attr('checked', false);
    $(this).next('input[type="checkbox"]').trigger('change');
});

演示：http://jsfiddle.net/nvnhaLbr/

【讨论】：