防止基于选择框选择的单选按钮更改

Posted 2023-05-09

【中文标题】防止基于选择框选择的单选按钮更改

【英文标题】：Preventing radio button changes based on select box selection

【发布时间】：2018-10-11 04:36:49

【问题描述】：

我有两个单选按钮（是/否），并试图在选择某个选择框时将其强制为“否”。这是我的脚本（如下），但它完全禁用单选按钮并且不会将数据发布到我们的数据库。我怎么能...

强制单选按钮选择否？ 禁用将单选按钮从“否”更改为“是”的功能？

仍然将数据发布到我们的数据库？

$(function() 
  $('#presence').change(function() 
    var value = $(this).val()
    var invitation = value === 'common' || value === 'frequent'
         $('.radioyesno input').prop('disabled', invitation)
         if (invitation) 
              $('.radioyesno input:last').prop('checked', true)
         
  ).change()
)

【问题讨论】：

请同时发布 html 部分。你有没有表格？您如何尝试发布数据？

【参考方案1】：

您的代码似乎存在三个问题：

您使用$('.radioyn input') 和$('.radioyesno input:last')。是.radioyn 还是.radioyesno？

您无缘无故拨打).change()。这个电话完全没有任何作用。 .change() 用于在发生变化时绑定监听器。

您实际上并未发布更新。要发布它，您需要在表单上调用.submit()，或在提交按钮上调用.click()。

一旦您解决了上述 3 个问题，您应该会实现预期的行为。如果有任何问题，我建议使用console.log 并将您的代码分成较小的区域进行测试，并确保每一行代码都符合您的预期。

【讨论】：

我将冲突的名称修复（编辑）为“radioyesno”。