选中复选框后需要字段集

我上周刚开始学习HTML / CSS，javascript和jQuery，非常感谢一些帮助。 我创建了一个带有复选框（id #ship_to_billing）的表单，然后创建了一个包含5个文本字段的字段集（id #shipping_info）。 使用JQuery我已经设置了它，如果选中该复选框，它会切换其他字段并隐藏它们。 但是，我无法弄清楚如何另外需要一个或另一个，要么必须选中复选框，要么必须完成字段集中的所有文本字段。 我不需要提醒。 请帮忙！

谢谢大家，苏珊

Buy This! 
 
 x 
When, Where and How?
 
 
 {% include 'datepicker' %} 
    Check here to have items shipped to your billing address (collected during checkout). Otherwise please fill out the information below. 
 
 
 Name of Recipient:  
 Shipping Address:     
 
 
 Gift Message :  
 
 
 
 Cancel Add To Cart 
 
  

JQUERY：

  $('#ship_to_billing').change(function(){ $('#shipping_info').toggle('show'); });  

Answer 1

客户端validation总是落后于服务器端validation的第二好，因为用户总是可以禁用Javascript或强制发布可以覆盖浏览器function的废话，但是您的服务器不能被轻易愚弄！ 那就是说，你是在正确的轨道上，虽然我很想修改它…首先，你的HTML（删节）：

 
  
   ... 
   

接下来，您的脚本稍微强大一些：

那么，根据原始问题中有限的信息，这是我能给出的最佳解释。 希望这可以帮助！ 🙂

编辑1：

我很抱歉！ 我在JavaScript代码的第10行遗漏了一个结束括号！ 我已经修复了问题，将上面的代码复制/粘贴到HTML页面似乎工作正常。 请记住将jQuery脚本包含在其余脚本之上，并将脚本放在HTML的...部分。

Answer 2

就客户端validation而言，您可以为shipping_info 字段集中的所有输入required属性，如下所示

 $('#shipping_info input').attr('required', true); 

但这并不能保证字段会被填充，因为用户可以绕过它。 因此，无论你做什么，都必须检查服务器端。