2016-02-26 41 views
1

我在文本字段中輸入任何值時提供了多個複選框和單選按鈕,而不是將相同的值分配給單選按鈕,以及如何使用jQuery 。以下圖片僅供參考。我存儲的問題和多個答案,我將存儲真正的答案,如圖像中所示。是否可以將文本字段的值分配給單選按鈕

Example shown in image

$data = array(); 
for($i=0,$j=1;$i<count($_REQUEST['quiz_options']);$i++,$j++) 
{ 
    $data["quiz_Options".$j] = $_REQUEST['quiz_options'][$i]; 
} 
$data["quiz_Id"] = $Quiz_ID; 
$data["quiz_Correct_Answer"] = $_REQUEST['quiz_opt']; 
$quiz->insertOptions($data,'quizoptions'); 

<input class="col-md-4" type="text" name="quiz_options[]" value=""/> 
<input type="radio" name="quiz_opt[]" value=""/> 

//Here I want to assign my textfield value to the radio button when i write something in my text field. 

Please see the example here

+1

你必須顯示你的html以及你爲完成這個而編寫的腳本。不能簡單地通過查看圖像來回答。 –

+1

@RajaprabhuAravindasamy我想我們也應該發佈解決問題img。 – Jai

+0

可能重複的[我怎麼知道哪個單選按鈕是通過jQuery選擇的?](http://stackoverflow.com/questions/596351/how-can-i-know-which-radio-button-is-selected-via -jquery) –

回答

2

你可以一個keydown事件附加到文本框,並更新單選按鈕的值。

是這樣的(僞):

$('#textboxId').on('keydown',function(){ 
    $('#radiobuttonId').val($(this).value); 
}); 
+0

是Arno我知道這樣,但仍然有一些失蹤.. 。我的第一個字段在頁面上是靜態的,它給了我適當的輸出,但是當我點擊添加更多的按鈕比它不工作剩餘的字段是在jQuery的幫助下生成的 –

+0

@Bhatt Akshay你可以發佈你的代碼在jsfiddle所以我可以幫助你更好? –

+0

等一會 –

0

也許你可以使用你有一個數據屬性(HTML5) Example :)

0

對模糊或平變化,應使用一個類所有動態文本框的創建。試試這個代碼

<input name="quiz_options[]" class ="changesNo1" value="" /> 
<input name="quiz_options[]" class ="changesNo1" value="" /> 
<input name="quiz_options[]" class ="changesNo1" value="" /> 
<input type=radio value="" name="quiz_opt[]"> 
<input type=radio value="" name="quiz_opt[]"> 
<input type=radio value="" name="quiz_opt[]"> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
var test_arr = $("input[name='quiz_options[]']"); 
$(document).on('change keyup blur','.changesNo1',function(){ 
$.each(test_arr, function(i, item) { 
    $("input[name='quiz_opt[]']").val($(item).val()); 
    var d=$("input[name='quiz_opt[]']").val(); // your reference 
    //alert(d); // This alert for your reference 
}); 
}); 
</script> 
相關問題