部分表格提交

时间:2019-02-07 09:07:38

标签: php html

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

screenshot

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分: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