2014-07-01 42 views
0

我有一個Asp.net複選框,我想交換複選框與圖像的複選框checked等於true和複選框的其他圖像checked等於false。與圖像交換轉換盒asp.net

這裏是選中複選框的鏈接。

Checked

這裏是鏈接複選框選中。

Unchecked

下面是複選框的代碼。

<asp:CheckBox ID="chkSemanal" CssClass="input-lg" runat="server" AutoPostBack="True" oncheckedchanged="chkSemanal_CheckedChanged1" /> 

什麼我設法到目前爲止做的是一個文本屬性添加到複選框,並有把img標籤與圖像鏈接,但並不隱藏複選框框。

+0

因此,當用戶檢查複選框時,您想要將複選框更改爲圖像? –

+0

不,我想複選框是一個圖像,當他點擊是另一個圖像,請檢查我提供的兩個鏈接。 – user3780007

+0

好吧,所以不是CheckBoxes,你需要一個用戶可以點擊的圖像,就像CheckBoxes一樣,從checked狀態切換到unchecked狀態,反之亦然?基本上覆選框與一些自定義樣式? –

回答

0

這裏是我的回答:

的參考圖片是在我的項目的根

HTML:

<html runat="server" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:CheckBox ID="chkSemanal" CssClass="input-lg" runat="server" style="display:none" AutoPostBack="True" oncheckedchanged="chkSemanal_CheckedChanged1" /> 
     <label for="chkSemanal"> 
      <img id="img" runat="server" src="Checkbox_False.jpg"></img> 
     </label> 
    </div> 
    </form> 
</body> 
</html> 

後面的代碼:

protected void chkSemanal_CheckedChanged1(object sender, EventArgs e) 
{ 
    if (chkSemanal.Checked) 
     img.Attributes.Add("src", "Checkbox_True.jpg"); 
    else img.Attributes.Add("src", "Checkbox_False.jpg"); 
} 

希望在幫助!