Question

我是JQuery的新手，所以非常感谢任何帮助

我有一组同名的单选按钮..

<input id="employeeType" type="radio" name="employee_type" value="Ongoing" <?php echo set_radio('employee_type', 'Ongoing', TRUE); ?>/> Ongoing &nbsp;

<input id="employeeType" type="radio" name="employee_type" value="Casual" <?php echo set_radio('employee_type', 'Casual'; ?>/> Casual &nbsp;

根据上面的选择，文本字段必须自动填充..如果用户选择休闲，文本字段将必须自动填充文本“N / A”，否则用户将必须键入其文本..

<input name="work_type" type="text" value="<?php echo set_value('work_type'); ?>" size="20" maxlength="20">

有人可以帮助我实现这个目标吗？

由于

Answer 1

首先，你应该给你的收音机盒不同的ID。 ID应该始终是唯一的。

实现您想要的最简单方法是将点击处理程序附加到您的无线电输入，检查值并采取相应的行动：

$("[name='employee_type']").click(function() {
    var val = $(this).val();
    if(val == "Casual") {
        $("[name='work_type']").val("N/A");
    } else {
        $("[name='work_type']").val("");
    }
});

如果用户点击“休闲”，工作类型将包含“N / A”，否则它将为空。

Answer 2

$('[name="employee_Type"]').click(function() { 
  var $input = $(':input[name="work_type"]');
  console.log(this.value);

  if (this.value === "Casual") { 
    $input.val("N/A");
  } else { 
    $input.val(''); 
  }

});

链接到工作fiddle ...

JQuery Autopopulate

2 个答案: