仅当单击其他按钮时,才使按钮处于非活动状态
Make button inactive only when clicked on other button
我有以下情况:
我有一个"下一步"步骤按钮:
<a href="/NL/checkout/selectshippingaddress?addressId=" class="customNextStep">
<input type="button" class="button-1 shipping-adress-next-step-button" value="Next" name="nextstep">
</a>
此按钮首先应处于非活动状态。仅当用户单击其他按钮时,它才应可单击:
<input type="button" onclick="" class="button-1 select-shipping-address-button" data-itemid="197" value="Send to this address">
我希望有人可以帮助我解决这个问题。
您可以使用
jQuery 的attr()
和removeAttr()
$("input[name='nextstep']").attr('disabled','disabled');
$('.button-1').on('click',function(e){
e.preventDefault();
$("input[name='nextstep']").removeAttr('disabled');
});
小提琴示例
在
代码中使用以下内容:
<input type="button" id="bt1" value="button 1" />
<input type="button" id="bt2" value="button 2" disabled="disabled" />
现在应用您想要的任何逻辑,例如
$(function(){
$("#bt1").click(function(){
$(this).attr("disabled", "disabled");
$("#bt2").removeAttr("disabled");
});
利用按钮的disabled
属性。喜欢
<input type="button" onclick="document.getElementById('next_button').disabled=false;" class="button-1 select-shipping-address-button" data-itemid="197" value="Send to this address">
<input type="button" class="button-1 shipping-adress-next-step-button" value="Next" name="nextstep" disabled='true' id='next_button'>
在这里工作小提琴
使用以下:
jQuery('input[name=nextstep]').attr('disabled','disabled')
$('.select-shipping-address-button').on('click',function(e){
jQuery('input[name=nextstep]').removeAttr('disabled')
})
这是工作演示
您可以使用disabled
属性来打开和关闭按钮。
//on document.ready, disable your second button
$(selector).prop("disabled", true);
// on the click on first button enable it again
$(selector_first_button).click(function() {
$(selector).prop("disabled", false);
});
相关文章:
- 将 CSS 应用于禁用的输入按钮
- 如果使用jQuery验证器插件找到单选按钮,则将不同的addMethod应用于字段
- 在循环中添加addEventListener()只适用于最后一个按钮
- Java脚本插件,用于将数字转换为特定于区域性的货币格式,并将具有特定货币格式的非格式化数字转换为普通数字
- HTML按钮的作用类似于从键盘按下的键,并在某些对象或整个网站上起作用
- 关闭按钮(右上 X)以执行类似于控件的操作
- Firebug 不推荐将“delete”运算符应用于非限定名称
- Phonegap 3.2.0 android应用程序后退按钮剪切仅适用于某些页面
- 使用css类将自定义样式应用于上下文按钮的Highcharts
- onclick适用于一个按钮,但不适用于'不要为别人工作
- 仅当单击其他按钮时,才使按钮处于非活动状态
- 在 tinyMCE 中,将格式应用于非编辑区域
- 什么时候“;src”;在脚本标记中引用本地文件系统上的资源(相对于非本地文件系统)
- 函数适用于非动态加载的图像
- 如何将不透明度应用于非活动滑块项目
- ajax表单提交重定向类似于非ajax表单
- 在鼠标悬停时,将class应用于非鼠标悬停的元素
- Iframe下一页按钮SRC(非数组,实际SRC变化)
- Omniture clickmap实现上的按钮,非真链接
- Range.select() 等效方法,适用于非 IE 浏览器