2016-09-16 31 views
0

这是我html代码获取和设置从asp.net定制复选框值

.checkboxFour { 
 
    width: 40px; 
 
    height: 40px; 
 
    background: #ddd; 
 
    margin: 20px 90px; 
 
    border-radius: 100%; 
 
    position: relative; 
 
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); 
 
} 
 
.checkboxFour label { 
 
    display: block; 
 
    width: 30px; 
 
    height: 30px; 
 
    border-radius: 100px; 
 
    transition: all .5s ease; 
 
    cursor: pointer; 
 
    position: absolute; 
 
    top: 5px; 
 
    left: 5px; 
 
    z-index: 1; 
 
    background: #333; 
 
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5); 
 
} 
 
.checkboxFour input[type=checkbox]:checked + label { 
 
    background: #26ca28; 
 
} 
 
input[type=checkbox] { 
 
    visibility: hidden; 
 
}
<section> 
 
    <div class="checkboxFour"> 
 
    <input type="checkbox" value="1" id="checkboxFourInput" name="" /> 
 
    <label for="checkboxFourInput"></label> 
 
    </div> 
 
</section>

Fiddle Demo

我如何可以获取和设置从该复选框值服务器端 ? 使用HiddenField或其他?

+0

你使用ASP.Net Web窗体或MVC? – Shiham

+0

asp.net web Forms! – zey

+0

不使用ASP Web控件的具体原因?在这种情况下,assp:CheckBox? – Shiham

回答

0
<input type="checkbox" runat="server" value="1" id="checkboxFourInput" name="" /> 

string cbvalue = checkboxFourInput.Value;//get 
checkboxFourInput.Value = val;//set 

add runat="server"属性从服务器端获取/设置值。将其放在form标签有runat="server"属性

+0

复选框不起作用,如果我添加'runat =“server”'属性! – zey

+0

你把它放在具有runat =“server”属性的表单标签中吗? –

+0

我把它放在'contentPlaceHolder'里面'runat =“server”'属性! – zey

0

创建一个ASPX页面并添加如下代码:

<div> 
     <input type="checkbox" runat="server" id="checkBox" value="MyTest" /> 
     <asp:Label ID="lbCheckBoxValue" runat="server" /> 
</div> 

<asp:Button runat="server" OnClick="Button_Click" /> 

在后面的代码文件中添加以下代码:

protected void Button_Click(object sender, EventArgs e) 
    { 
     if (checkBox.Checked) 
      lbCheckBoxValue.Text = checkBox.Value; 
     else 
      lbCheckBoxValue.Text = ""; 

    } 

试试上面的一段代码。