2013-12-11 56 views
0

我有一個標籤鏈接到這樣的複選框。如何從複選框鏈接到標籤[Javascript]

<asp:CheckBox runat="server" ID="chk1" /> 
    <asp:Label ID="lbl1" runat="server" AssociatedControlID="chk1" onclick="verifyCheck('lbl1', 'chk1')" /> 

我的JavaScript功能

<script type="text/javascript"> 
    function verifyCheck(label, checkbox) 
    { 
     var labelCtrl = document.getElementById(label); 
     var checkboxCtrl = document.getElementById(checkbox); 
     labelCtrl.style.background = checkboxCtrl.checked ? alert('1') : alert('2'); 
    } 

</script> 

所以,當我點擊標籤上它的工作原理選中該複選框下,但JavaScript不從複選框返回的真實價值。太晚了。 javascript會執行,並且複選框會以後更改其狀態。那麼我該如何改變這種方式,以便在點擊複選框的真實狀態時獲得。所以我的警報做了相反的反應。

回答

1

你得聽上的複選框的onchange事件,當您單擊該標籤這仍然是燃煤

<asp:CheckBox runat="server" ID="chk1" onchange="verifyCheck('lbl1', 'chk1')"/> 
<asp:Label ID="lbl1" runat="server" AssociatedControlID="chk1" />