javascript - 将数据从文本区域传递到单选按钮的值

Question

正如您在图像中看到的，我有一个文本区域和单选按钮。数据使用 JSP 作为后端传递到 mysql。选择单选按钮后，我需要将所选(单选按钮)编辑器中的文本传递到数据库。所以我想知道如何将文本传递给单选按钮的值，我将发布一些我的代码。

$(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 被传递到数据库。请帮忙

Answer 1

给单选按钮一个值:

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 以获取适当的文本框参数的名称。