Jquery 根据单选按钮选择更改多个表单字段

我正在为一个属性网站创建一个表单（使用CakePHP），它允许用户搜索特定属性。。我有两个单选按钮可供选择：“商业”和“住宅”

<?php
echo $this->Form->input('channel',
  array(
    'before' => '<label data-channel="commercial" . ($this->request->query('channel') != 'commercial' ? ' active' : '') . '">',
    'after' => '</label>',
    'separator' => '</label><label data-channel="residential" . ($this->request->query('channel') == 'commercial' ? ' active' : '') . '">',
    'options' => array(
        'commercial' => 'Commercial',
        'residential' => 'Residential'
    ),
    'type' => 'radio',
    'hiddenField' => false,
    'value' => $this->request->query('channel') == 'residential' ? 'residential' : 'commercial'
)
);?>

---

您想做的事情必须在javascript端完成

首先，您希望在输入字段中添加一个
id
，以便在javascript中轻松地选择它们

然后像这样做：

radioInput.change( function() {
    if (this.val() == 'residential') {
         typeInput().hide();
         sizeInput().hide();
         rentInput().hide();
         bedsInput().show();
    } else {
         typeInput().show();
         sizeInput().show();
         rentInput().show();
         bedsInput().hide();
    }
});

注意：这只是一个草图，说明您必须做什么，并假设您正在使用JQuery。您仍然需要获取输入字段
radionput=$（“#radionput”），确保最初仅显示适当的字段，等等

希望这足以引导你走向正确的方向
 你能提供生成的html吗