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"> 

鍵入自己的文本可以有人PL輕鬆幫助我實現這一目標？

感謝

Answer 1

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

Answer 2

首先，你應該給你的單選按鈕不同的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(""); 
    } 
}); 

如果用戶點擊「休閒」，工作類型將包含「不適用「，否則將是空的。