我有一个表格,也是表格,我需要能够选择一个复选框,当我提交表格时,只在同一行上提交相应的文本框,我目前不知道任何ajax,但是如果那是唯一的方法就是这样做,但最好是我想要一个非ajax解决方案,这是一个屏幕截图:
任何帮助将不胜感激。
答案 0 :(得分:1)
如果您不想使用AJAX :
正如@LelioFaieta所说,您可以在后端页面中处理选中的行
您可以使用纯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