表格提交而不提交
form submission without submit
我有一个具有radio buttons
的表单,我想在不使用提交按钮的情况下提交该表单。我想使用AJAX调用。我使用了一段javascript代码使单选按钮不可检查。我想在我为uncheck
部分使用id属性的同一页面中使用AJAX。当表单发生任何更改时,我需要将AJAX请求发送到另一个PHP页面。我想知道我应该怎么做才能为表单提交编写AJAX调用。我需要在单选按钮区域使用它们吗?或者我必须在整个表单上使用它。一个简单的例子会对我有很大帮助,这里是我的单选按钮部分
<?php
for($i=0 ;$i<20;$i++){
echo" <input type='radio' class='radio-button' name='{$i}'>";
echo" <input type='radio' class='radio-button' name='{$i}'>";
echo" <input type='radio' class='radio-button' name='{$i}'>" ."</br>";
echo "<script type='"text/javascript'">";
echo" var allRadios = document.getElementsByName('{$i}');";
echo" var booRadio;";
echo" var x = 0;";
echo" for(x = 0; x < allRadios.length; x++){";
echo"allRadios[x].onclick = function() {";
echo" if(booRadio == this){";
echo" this.checked = false;";
echo" booRadio = null;";
echo" }else{";
echo" booRadio = this;";
echo"}";
echo" };";
echo" }";
echo"</script>";
}
?>
你能使用jQuery吗?您可以在单选按钮上设置一个监听器,当它们发生更改时,该监听器会触发ajax调用。
$('input[type="radio"].change(function() {
$.ajax(url, options);
});
有关ajax的详细信息,请查看jQuery文档:http://api.jquery.com/jquery.ajax/
相关文章:
- 是否可以使用动作=“;someFunction()"提交表格时
- 在提交过程中使用同步确认灯箱提交表格
- 在提交未提交表格时替换Div
- 返回假后提交表格
- NG模型在提交表格时未注册
- 提交表格前检查条款和条件
- 可以'不要在express/angular应用程序上提交表格
- return false dos't禁止提交表格
- 使用Greasemonkey提交表格
- 使用AngularJS在视图中预先填写并提交表格
- 在提交表格之前,请检查是否填写了重述2
- 提交表格后留下的表格
- 避免在按下“”时提交表格;输入“;按钮
- 在提交表格时IE8赢得了't将来自输入的属性以外的属性添加到请求中
- 为什么这个代码显示异常行为?(未提交表格)
- 为什么这不足以防止重复提交表格
- 点击链接提交表格并发送到多个电子邮件 ID
- Phonegap Camera API (iOS) 提交表格
- 验证通过后提交表格
- 提交表格后在同一页面上统计