javascript - 根据复选框值显示/隐藏 div

Question

当用户选中“学生”时(check-1)。 2 个复选框值应该消失并显示一个文本输入 div。截至目前，我已经了解了输入显示。但我似乎无法让复选框消失。

我试过:

$(function () {
  $('#check-1').change(function () {                
      $('.name').toggle(this.checked);
      $('#check-1').hide();
      $('#check-2').hide();
  }).change();
});

但这行不通。选中“学生”后如何隐藏复选框？有什么想法吗？

这是一个小fiddle .提前感谢您的帮助。

Answer 1

请看下面的代码:

$(".my-check").change(function() {
    if ( $(this).is(':checked') ) {
        $(".my-box").show();
    } else {
        $(".my-box").hide();
    }
});

更多详情请见: http://jsfiddle.net/marloscarmo/vMFQd/