試圖兩個腳本與複選框結合在一起，並切換

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/