点击某复选框就不能正常工作

Question

我是asp.net MVC 4新手。

我正在做一个小的应用程序。我有一个复选框，一旦我将点击该复选框，然后我应该能够显示两个文本框。我在display:none

的帮助下将这两个文本框设置为不可见

<script type="text/javascript">
       $(document).ready(function () {
         $('#checkbox1').click(function setCompleteStatus() {
            $('#textboxshow').show();
         });
      });

 <tr class="gridAlternateRow">
      <td>
       <span style="color:red;">*</span>&nbsp;Name
      </td>
      <td colspan="4">
          <div class="row">
               @Html.TextBoxFor(m=>m.txtfirstName)
                 <br />
                  @Html.CheckBox("txtChangePrintName", new { @id = "checkbox1", @onclick = "setCompleteStatus()" })
                        <br />
                   <div id="textboxshow">
                        @Html.TextBoxFor(m => m.txtfirstName, new { style = "display:none;", @readonly = "readonly" })
                        @Html.TextBoxFor(m => m.txtLastName, new { style = "display:none;" })
                  </div> 
         </div>
     </td>
</tr>

我是新的mvc 4，所以我不能做吗?有人能帮我吗?

Answer 1

Try

$('#checkbox1').click(function () {
  $('input[type="text"]').show();
});

和从@Html.CheckBox()法中去除@onclick = "setCompleteStatus()

Answer 2

Try This:

 $(document).ready(function () {
     $('#checkbox1').click(function() {
        $('#txtfirstName').show();
        $('#txtLastName').show();
     });
  });

和删除@onclick = "setCompleteStatus()"从@html.checkbox()，因为它将只由Jquery处理。

Answer 3

您正在使div可见而不是textboxes并关闭<script>标记。当你将click事件绑定到复选框时，就不需要为复选框设置onclick属性。

<script>
 $(document).ready(function () {
         $('#checkbox1').click(function(){
              $('#textboxshow').children().toggle();
         });
      });
</script>