2014-07-01 3 views
0

У меня установлен флажок Asp.net, и я хотел бы обменять флажок с изображением для флажка, равным true, а другое изображение для флажка установлено равным false.Обменный ящик с изображением asp.net

Вот ссылка для проверки флажка.

Checked

Вот ссылка на флажок снят.

Unchecked

Вот код флажком.

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

Что я успел сделать до сих пор это добавить текстовое свойство флажка и там положило IMG тега со ссылкой изображения, но это не скрыть поле флажка.

+0

Итак, когда пользователь проверяет CheckBox, вы хотите изменить CheckBox на изображение? –

+0

Нет, я хочу, чтобы флажок был изображением, и когда он нажимает другое изображение, проверьте две ссылки, которые я предоставил. – user3780007

+0

Итак, вместо CheckBoxes вы хотите, чтобы изображения, которые пользователь может нажимать на них, ведут себя как CheckBoxes и переключаются с проверенного состояния на непроверенное состояние и наоборот? По существу CheckBoxes с некоторым пользовательским стилем? –

ответ

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"); 
} 

Hopes это помогает!

Смежные вопросы