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

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，而不是其中的输入。