html - 从表单提交中排除单选按钮,而不禁用它们

标签 html forms radio-button

我正在使用一些单选按钮来影响 jQuery 小部件的行为状态。 该小部件可以在表单中使用,但由于这些 radio 不包含任何实际数据,我不希望它们向服务器提交噪音,或者对将在其表单中使用该小部件的任何人造成命名冲突。

这里有两个潜在的解决方案开始,但还不令人满意:

  • 删除 name 属性:似乎对其他输入工作正常,但将我的 radio 变成复选框:它杀死了它们之间的链接,所以选择一个不会取消选择其他。是否有 HTML 方式(即 Javascript 事件以外的方式)在没有 name 属性的情况下绑定(bind)它们?
  • disable the input :不出所料,没有提交任何东西,但是radio变成灰色,无法点击。有什么方法可以让它们保持可点击但不可提交,比如在提交时禁用?

我宁愿寻找跨浏览器的解决方案。

最佳答案

尝试在提交前调用一个禁用单选按钮的函数。

function disableBtn() {
  document.getElementById('idbtn1').setAttribute('disabled', 'disabled');
  document.getElementById('idbtn2').setAttribute('disabled', 'disabled');
  return true;
}

然后,在形式上:

<form action="file" method="post" onsubmit="return disableBtn()">

关于html - 从表单提交中排除单选按钮,而不禁用它们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10566272/

相关文章:

php - 在 URL 中传递 PHP 变量

html - Flip CSS Transition 显示反向翻转文本

c# - WPF RadioButton 命令绑定(bind)

php - 使用数据库中的值填充单选按钮

vb.net - 跨表单使用变量 - VB

javascript - 自动调整所有屏幕的弹出框

html - 开始 Html/CSS 两列网页设计(填充和边框问题)

php - 使用 jquery.confirm 提交表单

forms - 带有 bloc 模式的 TextFormField 正在提交 null

PHP/MySQL 查询不起作用