2011-06-08 107 views
2

我是新来的JQuery所以任何帮助将是非常赞赏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"> 

键入自己的文本可以有人PL轻松帮助我实现这一目标?

感谢

回答

0
$('[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 ...

+0

非常感谢,它的工作! – pks 2011-06-08 07:30:26

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(""); 
    } 
}); 

如果用户点击“休闲”,工作类型将包含“不适用“,否则将是空的。