Question

我正在尝试创建许多输入复选框，这些复选框仅在首次选中其他复选框时可用。

我的问题：它适用于第一个复选框，选中后将显示第二个复选框，但是选择“＃2”后，第三个复选框不会执行相同的操作。

这是jQuery代码：

jQuery('#1').change(function(){
  if(jQuery(this).prop("checked")) {
    jQuery('#2').show();
  } else {
    jQuery('#2').hide();
  }
});

jQuery('#robot').change(function(){
  if(jQuery(this).prop("checked")) {
    jQuery('#robot2').show();
  } else {
    jQuery('#robot2').hide();
  }
});

在这里对整个事情进行了摆弄：https://jsfiddle.net/srjjj/0Lpd6wzt/1/

Answer 1

由于第二个和第三个输入均以div为单位，因此与第一个输入不同，您必须使用find()来选择它们：

if (jQuery(this).find('input').prop("checked")) {

您使用的是jQuery(this).prop("checked")，其中this是指div，而不是其中的输入。

仅在选中以前的复选框时显示复选框

1 个答案: