在Backbone中选中复选框时禁用输入字段

2nbm6dog 于 2022-11-10 发布在其他

关注(0)|答案(3)|浏览(130)

我是Backbone.js和jQuery的新手，我试图在选中复选框时将表单的输入字段设置为“禁用”。我不确定是否必须按照下面的代码所示的方式进行操作，如果是这样，我应该在disableInput函数中做些什么？

events: {
    'change #myCheckbox': 'disableInput',
},

disableInput : function(){
...
}

HTML格式

<div class="x">
      <input type="text" id="myInput">
      <input type="checkbox" id="myCheckbox">
<div>

编辑：这看起来像是其他帖子的复制品，但这些问题是关于香草JS的，我在这里使用的是 Backbone ，所以它是不一样的。

backbone.js

来源：https://stackoverflow.com/questions/49034397/disable-an-input-field-when-checking-a-checkbox-in-backbone

3条答案

按热度按时间

643ylb081#

如果你想走纯粹的CSS路线，你可以把复选框放在文本的上方，然后使用flexbox根据自己的喜好来切换顺序，然后，你可以编写CSS来更改复选框兄弟的opacity和pointer-events。
第一个

选项卡问题

为了阻止某人在输入中使用Tab键，您可以将tabindex="-1"添加到输入中。

赞(0）回复(0）举报 2022-11-10

wxclj1h52#

这里有一个简单的一行授予我不熟悉backboneiderjs，但你应该能够弄清楚如何纳入这一点。
第一个

赞(0）回复(0）举报 2022-11-10

2wnc66cl3#

我认为 Backbone 方式如下

events: {
    "change #myCheckbox": function() {this.disableInput.apply(this, arguments);}
},

disableInput: function(args) {
    var checked = $(args.target).is(":checked");
    this.$el.find("#myInput").disabled = checked;
}

赞(0）回复(0）举报 2022-11-10

我来回答

在Backbone中选中复选框时禁用输入字段

3条答案

相关问题

热门标签

最新问答