JQuery 自动填充

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 应该始终是唯一的。

实现您想要的效果的最简单方法是将点击处理程序附加到您的 radio 输入，检查值并采取相应的操作:

$("[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”，否则将为空。