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

How to send multiple cell data of a particular row out of multiple row if....radio button to that row is selected?

本文关键字：数据 单元格 选择 单选按钮 如果      更新时间：2024-02-17

在我的jsp中，我使用一个表单。在该表单中有一个表，并且在该表中动态生成行。每行起始行有一个单选按钮，即用户只能选择一个单选键。在表格后面有一个提交按钮。

当我点击提交按钮时，所有的行数据都会被传输。

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

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

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

      if(document.getElementById('radio_but').checked) {
        // here u can get the value of ur row elements having id same as radio button val
         }

你能给出你的代码片段吗？

我认为这将对您有所帮助：

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部件

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

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

相关文章：