【问题标题】:Preventing radio button changes based on select box selection防止基于选择框选择的单选按钮更改
【发布时间】:2018-10-11 04:36:49
【问题描述】:

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

  1. 强制单选按钮选择否?
  2. 禁用将单选按钮从“否”更改为“是”的功能?
  3. 仍然将数据发布到我们的数据库?

    $(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 部分。你有没有表格?您如何尝试发布数据?

标签: javascript jquery forms radio-button prop


【解决方案1】:

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

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

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

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

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

【讨论】:

  • 我将冲突的名称修复(编辑)为“radioyesno”。
猜你喜欢
  • 2016-04-09
  • 1970-01-01
  • 1970-01-01
  • 2022-11-25
  • 2021-02-15
  • 1970-01-01
  • 2023-03-09
  • 1970-01-01
  • 2016-04-08
相关资源
最近更新 更多