Question

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

取消选中该复选框后，我希望隐藏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>

SCRIPT：

$(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";
 }

Answer 1

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

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

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

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

1 个答案: