在jQuery中选中单选按钮后锁定选择元素的方法

mikeymurph77

我有一个充满选项的选择下拉列表,然后我有两个收音机,就像这样...

<form>
  <select id="drop_down">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
  </select>

  <div id="radios">
    <input type="radio" value="blue" id="blue" name="radio_option">Blue</input>
    <input type="radio" value="green" id="green" name="radio_option">Green</input>
  </div>
</form>  

我的目标是,一旦用户在下拉菜单中进行选择,然后选择单选按钮...则选择下拉菜单将(由于缺乏更好的用语)“锁定”,从而阻止用户返回并进行更改他们的下拉选择。

我知道jQuery中有一种方法可以实现这一目标...但是我还没有找到一种方法...

到目前为止,这是我的jQuery(这是错误的)...我不确定在$('#drop_down')...之后应该发生什么事件。

$('#radios').change(function(){
  $('#drop_down').removeProp(select);
});

我意识到这可能是一个简单的解决方案...我只是在jQuery Docs中找不到合适的事件处理程序...

im_brian_d

在无线电输入更改状态时,将属性添加disabledselect元素。disabled在提交表单时删除属性,以允许输入内容被发送。

$('#radios input').change(function(){
  $('#drop_down').prop('disabled', true);
});

$('form').on('submit', function() {
    $(this).find('#drop_down').removeAttr('disabled');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form action="" method="post">

    <select id="drop_down">
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
      <option value="4">Four</option>
    </select>
    
    <div id="radios">
      <input type="radio" value="blue" id="blue" name="radio_option">Blue</input>
      <input type="radio" value="green" id="blue" name="radio_option">Green</input>
    </div>

    <button type="submit">Submit</button>

</form>    

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在jQuery中选中单选按钮时如何触发事件

来自分类Dev

在jQuery中选中单选按钮时如何触发事件

来自分类Dev

jQuery单选按钮根据选择/选中显示/隐藏

来自分类Dev

如何知道在jQuery中选择了哪个单选按钮?

来自分类Dev

如何从单选按钮列表中选择单选按钮

来自分类Dev

从链接中选择单选按钮

来自分类Dev

在jQuery中选中单选按钮后锁定选择元素的方法

来自分类Dev

获取组中选中的单选按钮的索引

来自分类Dev

jQuery检查未选中哪个单选按钮

来自分类Dev

仅使用CSS选择选中的单选按钮的嵌套元素

来自分类Dev

在同一行中选择另一个单选按钮后,语义UI React表中的单选按钮是否保留选中的属性?

来自分类Dev

取消选中选中的单选按钮

来自分类Dev

选择后如何“锁定” html单选按钮?

来自分类Dev

jQuery页面加载后,检查单选按钮是否已选中

来自分类Dev

jQuery检查单选按钮是否已选中

来自分类Dev

MVC中选中的jQuery单选按钮

来自分类Dev

在JavaScript中选中单选按钮的问题

来自分类Dev

如何在ajax jquery中选中或取消选中动态表中的动态单选按钮

来自分类Dev

在js中选择单选按钮

来自分类Dev

在所有组中选择特定的单选按钮,而没有选中复选框

来自分类Dev

如何选中用户需要的选择选项单选按钮是,如果在提交表单之前在jQuery或Javascript中选中“否”,则将其删除为必需项

来自分类Dev

根据选中的单选按钮选择文本

来自分类Dev

获取每个单选组中选中的单选按钮

来自分类Dev

Knockoutjs单选按钮无法选择默认选中

来自分类Dev

在 IOS 中选中或不选中单选按钮中的验证

来自分类Dev

单击后取消选中问卷单选按钮

来自分类Dev

选中选项更改时的单选按钮

来自分类Dev

找出是否在单选按钮组中选择了单选按钮

来自分类Dev

获取选定的单选按钮在 jQuery 中的功能中选择

Related 相关文章

  1. 1

    在jQuery中选中单选按钮时如何触发事件

  2. 2

    在jQuery中选中单选按钮时如何触发事件

  3. 3

    jQuery单选按钮根据选择/选中显示/隐藏

  4. 4

    如何知道在jQuery中选择了哪个单选按钮?

  5. 5

    如何从单选按钮列表中选择单选按钮

  6. 6

    从链接中选择单选按钮

  7. 7

    在jQuery中选中单选按钮后锁定选择元素的方法

  8. 8

    获取组中选中的单选按钮的索引

  9. 9

    jQuery检查未选中哪个单选按钮

  10. 10

    仅使用CSS选择选中的单选按钮的嵌套元素

  11. 11

    在同一行中选择另一个单选按钮后,语义UI React表中的单选按钮是否保留选中的属性?

  12. 12

    取消选中选中的单选按钮

  13. 13

    选择后如何“锁定” html单选按钮?

  14. 14

    jQuery页面加载后,检查单选按钮是否已选中

  15. 15

    jQuery检查单选按钮是否已选中

  16. 16

    MVC中选中的jQuery单选按钮

  17. 17

    在JavaScript中选中单选按钮的问题

  18. 18

    如何在ajax jquery中选中或取消选中动态表中的动态单选按钮

  19. 19

    在js中选择单选按钮

  20. 20

    在所有组中选择特定的单选按钮,而没有选中复选框

  21. 21

    如何选中用户需要的选择选项单选按钮是,如果在提交表单之前在jQuery或Javascript中选中“否”,则将其删除为必需项

  22. 22

    根据选中的单选按钮选择文本

  23. 23

    获取每个单选组中选中的单选按钮

  24. 24

    Knockoutjs单选按钮无法选择默认选中

  25. 25

    在 IOS 中选中或不选中单选按钮中的验证

  26. 26

    单击后取消选中问卷单选按钮

  27. 27

    选中选项更改时的单选按钮

  28. 28

    找出是否在单选按钮组中选择了单选按钮

  29. 29

    获取选定的单选按钮在 jQuery 中的功能中选择

热门标签

归档