在ASP.net页面中选中复选框时，如何显示或不显示必填字段aestrisk

Question

这样做我必须刷新页面？如果是这样，那么我必须保留所有用户输入的详细信息。 请问任何简单优雅的解决方案？

Answer 1

假设您有一个包含星号的span，您可以在清除复选框时使用JQuery清除文本。

$("#idOfCheckbox").click(function() {

   if(this.is(':checked') == true) {
     $("#idOfAsterisk").text("");
   }
});

Answer 2

基本上你想在该控件上切换一个CSS类。所以你可以使用以下代码：

<asp:Label ID="Label1" runat="server" Text="Label" ClientIDMode="Static" EnableViewState="True"></asp:Label>
<input type="checkbox" id="checkbox1" /> <br />

然后是一些CSS：

/* Required Field Asterix Suffix */

.form-field-required:after {
    color: red;
    content: " *";
    font-weight: bold;
}

然后一些JS进行切换：

$(document).ready(function() {

$('#checkbox1').click(function() {
    if (!$(this).is(':checked')) {
        $('#Label1').addClass('form-field-required');
    else
       $('#Label1').removeClass('form-field-required');
    }
});

}）;

在PostBack上，因为你保留了Label1的视图状态，你仍然可以根据需要使用asterix。