Question

enter image description here

正如您在图像中看到的，我有一个textarea和单选按钮。使用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，以获取相应文本框参数的名称。

Answer 2

检查此代码

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

Answer 3

你做错了。我猜你想在单击单选按钮时收集textarea的值。但我猜你正在做的是点击单选按钮的值，这将是“开启”。

一旦检测到单击单选按钮，就可以使用类似$("#textareaid").val()的内容获取textarea的值。

下面的内容对您有用： -

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

将数据从textarea传递到单选按钮的值

3 个答案: