部分表格提交

Question

我有一个表格，也是表格，我需要能够选择一个复选框，当我提交表格时，只在同一行上提交相应的文本框，我目前不知道任何ajax，但是如果那是唯一的方法就是这样做，但最好是我想要一个非ajax解决方案，这是一个屏幕截图：

任何帮助将不胜感激。

Answer 1

如果您不想使用AJAX ：

1. 正如@LelioFaieta所说，您可以在后端页面中处理选中的行

2. 您可以使用纯Javascript将选中的行值作为隐藏值放置在表单中，用户将使用隐藏值提交表单...

   类似的东西：

function toggleValue(arg){
    var exist = document.getElementById(arg+'checked');

    if(exist == null){
        var val = document.getElementById(arg);

        var hidden = document.createElement('input');
        hidden.type = 'hidden';
        hidden.value = val.value;
        hidden.id = arg+'checked';

        document.getElementById('form2').appendChild(hidden);
    }else{
        exist.remove();
    }
}

function updateVal(arg){
    var element = document.getElementById(arg+'checked');

    if(element != null){
        var val = document.getElementById(arg);
        element.value = val.value;
    }
}

<input type='text' id='text1' onchange='updateVal("text1")'>
<input type='checkbox' onclick='toggleValue("text1")'>

<form id='form2' action='backend.php' method='POST'>
    <input type='submit' value='Send'>
</form>

老实说，我认为这是一个丑陋的解决方案，我建议您使用AJAX