如何使用表单，单选按钮发送表值？

Question

实施例

表

中的Html代码

＆＃13;

＆＃13;

<table>
  <tr>
    <td> <input type='text' value='example 1' name='text1' /></td>
    <td> <input type='radio' value='example 1' name='radio1' /></td>
  </tr>
  <tr>
    <td> <input type='text' value='example 2' name='text2' /></td>
    <td> <input type='radio' value='example 2' name='radio2' /></td>
  </tr>
  <tr>
    <td> <input type='text' value='example 3' name='text3' /></td>
    <td> <input type='radio' value='example 3' name='radio3' /></td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

如果单击单选按钮

，我想发送点击的值

按钮

1点击 - ＆gt;发送无线电1值

2点击 - ＆gt;发送无线电2值

3点击 - ＆gt; sens radio 3值

所以问题

如何使用表单，单选按钮发送表值？

Answer 1

您可以使用javascript执行此操作。只需“听”每个输入的[].forEach.call(document.querySelectorAll('input'), function(input) { input.addEventListener('click', function(elm) { console.log(input.value); // Send this value to the server with ajax or something }); });事件。

您可以使用ajax将其发送到服务器。

<table>
  <tr>
    <td> <input type='text' value='example 1' name='text1' /></td>
    <td> <input type='radio' value='example 1' name='radio1' /></td>
  </tr>
  <tr>
    <td> <input type='text' value='example 2' name='text2' /></td>
    <td> <input type='radio' value='example 2' name='radio2' /></td>
  </tr>
  <tr>
    <td> <input type='text' value='example 3' name='text3' /></td>
    <td> <input type='radio' value='example 3' name='radio3' /></td>
  </tr>
</table>

ga('send', {hitType: 'event',  eventCategory: 'Order', eventAction: 'goCheckOut', eventLabel: 'click });

Answer 2

你可以借助这样的代码发送数据。您可以在sendValue函数中使用XMLHttpRequest编写用于发送数据的代码。

var sendValue = function()
{
  alert(this.value);  
}

var inputTags = document.getElementsByTagName('input');
   
for (var i=0;i<inputTags.length;i++){
     if(inputTags[i].type == "radio")
     {
     inputTags[i].addEventListener("click", sendValue);
     }
}

<table>
  <tr>
    <td> <input type='text' value='example 1' name='text1' /></td>
    <td> <input type='radio' value='example 1' name='radio1' /></td>
  </tr>
  <tr>
    <td> <input type='text' value='example 2' name='text2' /></td>
    <td> <input type='radio' value='example 2' name='radio2' /></td>
  </tr>
  <tr>
    <td> <input type='text' value='example 3' name='text3' /></td>
    <td> <input type='radio' value='example 3' name='radio3' /></td>
  </tr>
</table>