启用rails提交按钮更新复选框状态的有效方法
Efficient way to enable rails submit button on updating checkbox state
我禁用所有表单中的更新提交按钮,并在keyup上启用它们。
$(function(){
$("#submitAccount, #submitProfile, #submitUser").attr("disabled","true");
$(".form-control").keyup(function(){
$("#submitAccount").removeAttr("disabled");
});
});
问题是,在我的用户编辑表单中,我也有一些复选框来设置一些权限。
在选中/取消选中其中一个复选框时删除禁用属性的有效方法是什么?
试试这个:
$(function() {
$("#submitAccount").prop("disabled", true); // Disable buttons
$(":checkbox").
on('click', function() {
$("#submitAccount").prop("disabled", $(':checkbox:checked').length > 0);
})
});
});
我意识到我需要一个更简单的解决方案,所以我最终这样做了:
$(function(){
$("#submitAccount, #submitProfile, #submitUser").attr("disabled","true");
$(".form-control").keyup(function(){
$("#submitAccount, #submitProfile, #submitUser").removeAttr("disabled");
});
$(":checkbox").click(function() {
$("#submitUser").removeAttr("disabled");
})
});
相关文章:
- 事件和状态
- 获取选择框的状态
- 相位器状态未捕获参考错误
- 如何更改reactjs中外部/独立组件的状态或属性
- 如何使用密码检测网络中的状态连接
- 如何有效地将游戏数据存储在URL查询字符串中
- Ember.js-接口状态应该存储在哪里
- 如何使用Node.js最有效地解析网页
- 混合 ui-sref 和 $state.go 在 Angular ui-router 中进行状态转换
- jquery代码在Mozilla中有效,但在其他浏览器上无效
- 在Angular 2中布线期间保持零部件处于活动状态
- 在mvc应用程序中,在回发时保留最初隐藏的文本框的隐藏或可见状态
- 按钮上的if-else语句超时有效,但无法返回到原始状态
- 如何有效地将相同的“道具”传递给每个无状态表示组件
- 反应:有效更新阵列状态
- 状态200 OK,相同的域,有效的JSON数据,没有响应(Ajax)
- 状态栏中的屏蔽链接仅在第一次单击之前有效
- Jquery验证器的有效状态与ajax提交
- 检查事件函数中的组件状态是否有效
- 启用rails提交按钮更新复选框状态的有效方法