HTML部分

Question

在我的jsp中，我正在使用一种形式。在该表单中，有一个表，在该表中，动态生成行。在每一行中，起始行是一个单选按钮，即使用只能选择一个单选按钮。在表格之后有一个提交按钮。

当我点击提交按钮时，将传输所有行数据。

我想要的是，当用户点击提交按钮时，应该提交具有已检查单选按钮的行数据。有一件事我不想使用任何AJAX。我想简单地使用html，JavaScript，jquery概念来实现它。

我想将该行单元格数据传输到我的具有注释配置的Spring控制器之一。

Answer 1

将单选按钮的值设置为行的ID

      if(document.getElementById('radio_but').checked) {

        // here u can get the value of ur row elements having id same as radio button val

         }

你可以给你的代码片段，以便清楚地理解

Answer 2

我认为这会对你有所帮助：

HTML部分

<table class="MyTable">
<tr><td><input type="radio" value="radio"/></td><td><input type="text"/></td><td>One</td></tr>
<tr><td><input type="radio" value="radio"/></td><td><input type="text"/></td><td>Two</td></tr>
<tr><td><input type="radio" value="radio"/></td><td><input type="text"/></td><td>Three</td></tr>
</table>

JQuery Part

<script type="text/javascript">
     $(document).ready(function(){
        $('#save').click(function(){
        var CompleteCheckedRadioButtons=$('table.MyTable').find('tr').find('td:eq(0)').find('input[type=radio]').attr('checked');
        for(var i=0;i<CompleteCheckedRadioButtons.length;i++){
        var MySingleRow=$(CompleteCheckedRadioButtons[i]).parent('td').parent('tr');
        var textboxvalue=$(MySingleRow).find('td:eq(1)').find('input').val();
        var htmlvalue=$(MySingleRow).find('td:eq(2)').html();
        }
        });
      });
    </script>

Answer 3

您无法在表单元素中放置不应提交的输入元素。表单元素应该只包含标记中的提交按钮。当用户单击单选按钮时，创建一个[hidden]输入元素动态并将其插入到表单元素中。希望它会有所帮助。

如果选择了......那个行的单选按钮，如何从多行中发送特定行的多个单元格数据？

3 个答案:

HTML部分

JQuery Part