2013-12-13 4 views
1

enter image description hereПередача данных из текстового поля до значения радиокнопки

Как вы можете видеть на картинке у меня передается текстовое поле и радио данных buttons.The к MySQL с помощью JSP в качестве интерфейса. Как только я выбираю радиокнопку, мне нужен текст из выбранного (переключателя) редактора, чтобы перейти к базе данных. Так что я хотел бы знать, как передать текст значению переключателя, я выложу свой код.

$(document).ready(function(){ 


    var counter = 1; 

    $("#addButton").click(function() { 

    if(counter>4){ 
      alert("Only 4 textboxes allow"); 
      return false; 
    } 

    var newTextBoxDiv = $(document.createElement('div')) 
     .attr("id", 'TextBoxDiv' + counter); 

//using this new editor gets added 
    newTextBoxDiv.after().html('<input type="radio" name="gointo" id="gointo'+counter'" /><label>Option #'+ counter + ' : </label>' + 
      '<textarea name="textbox' + counter + 
      '" id="textbox' + counter + '" value="" />'); 

//ADDED LINE 


if($("#gointo'+counter+'").is(':checked')){ 
    $("#textbox'+counter+'").val(); 
} 

форма

<form method="post" name="myForm" id="question_form" action="upload" > 
<div id='TextBoxesGroup'> 
    <div id="TextBoxDiv0"> 
     <label>Question: </label><textarea id="textbox0" name="textbox" ></textarea> 
    </div> 
</div> 
<input type='submit' value='Submit'/> 
    </form> 

Прямо сейчас с текущим кодом некоторое значение on получает передается в базу данных. Пожалуйста, помогите

+0

Вы даете ту же 'ID = "gointo"' для всех переключателей. Идентификаторы должны быть уникальными, вы не можете их повторно использовать так. Нужны ли ваши радиокнопки даже идентификаторы? Используйте класс и перебирайте их с помощью методов jQuery. – Barmar

+0

oh yeah.i попробует это –

+0

Его лучше я удаляю сам id.Dont думаю, что он влияет на мой код вообще –

ответ

2

Дайте радио-кнопки значение:

newTextBoxDiv.after().html('<input type="radio" name="gointo" id="gointo" value="' + counter + '" /><label>Option #'+ counter + ' : </label>' + 
     '<textarea name="textbox' + counter + 
     '" id="textbox' + counter + '" value="" />'); 

Тогда ваш JSP может добавить значение параметра gointo для textbox, чтобы получить имя соответствующего параметра текстового поля.

+0

Я предполагаю, что OP хочет получить значение текстовой области при щелчке переключателя, а не значение, связанное с радиокнопкой – Rasmus

+0

, да правильно @itamecodes. –

+0

@ Vidic, пожалуйста, посмотрите мой ответ ниже – Rasmus

0

Вы делаете это неправильно. Я думаю, вы хотите получить значение текстового поля при нажатии на переключатель. Но я предполагаю, что вы делаете, это получить значение переключателя при нажатии, которое будет «включено».

Вы можете получить значение текстового поля с чем-то вроде $("#textareaid").val() после того, как вы обнаружите, что нажата кнопка.

Нечто подобное ниже, должны работать для вас: -

if($('#radio_button').is(':checked')){ 
    $("#textareaid").val(); 
} 
+0

Как это сделать. Я плохо разбираюсь в javascript и jquery –

+0

@Vidic .. я отредактировал мое сообщение .. – Rasmus

+0

Должен ли я добавить его в отдельный скрипт? –

1

Проверить этот код также

<!DOCTYPE html> 
<html> 
<head> 
<script> 
function getElements() 
{ 
document.getElementById("textbox").value = document.getElementById("radiobutton").value; 
} 
</script> 
</head> 
<body> 
<textarea name= "textbox" id="textbox"></textarea> 
<input name="x" type="radio" id="radiobutton" value="Cats" onclick="getElements()">Cats 
</body> 
</html> 
Смежные вопросы