基于选择选项的基于选择选项的Jquery启用/禁用按钮

问题描述：

基于选择（下拉）选项不是在窗体中，是否可以启用或禁用表单中的按钮？我没有任何代码，我会根据你对我的问题的回答得到它（或不）。D基于选择选项的基于选择选项的Jquery启用/禁用按钮

是的，它是可能的。我没有任何答案，直到我没有看到任何代码。 – Koste 2012-07-05 14:09:31

你应该表现出一些努力？ – 2012-07-05 14:09:31

是的，这是可能的。你希望我们为你提供代码吗？然后继续做梦... – 2012-07-05 14:09:49

答

一个快速演示：http://jsfiddle.net/mblase75/vZacx/

$('#picker').on('change', function() { 
    $('#' + $(this).val()).prop('disabled', false) 
     .siblings().prop('disabled', true); 
});

是的，没错 – itsamemario 2012-07-05 14:50:15

答

只需将代码禁用/启用下拉列表的更改事件中的按钮即可。

答

$('#Select').change(function(){ 
    //Some condition 
    $('#Button').attr('disabled','disabled'); 
});

小心解释一下你的代码？ – 2012-07-14 07:04:37

答

$('select').change(function(){ 
    var theVal = $(this).val(); 
    switch(theVal){ 
    case '0': 
     $('#theButton').prop('disabled', true); 
     break; 
    case '1': 
     $('#theButton').prop('disabled', false); 
     break; 
    } 
});

Working jsFiddle

答

事情是这样的，也许：

$("select").on('change', function() { 
    $('button').prop('disabled', this.value==='EnabledOptionValue'?false:true); 
});

FIDDLE

答

<script type="text/javascript"> 
$(document).ready(function() { 
$("#demo_button").button({icons: {secondary: "ui-icon-info"}}); 
$("#demoSelect").addClass("ui-state-default ui-corner-all"); 
var demoSelectValue = $("#demoSelect").val(); 
if (demoSelectValue == "0") { 
$("#demo_button").button("disable") 
} 
$("#demoSelect").change(function(){ 
if($(this).val() == "0"){ 
$("#demo_button").button("disable") 
} 
else { 
$("#demo_button").button("enable") 
} 
}); 
}); 
</script>

HTML：

<select name="demoSelect" id="demoSelect"> 
<option value="0">No</option> 
<option value="1">Yes</option> 
</select> 
<button id="demo_button" style="float:right;">button</button>

jsFiddle demo

看到jsFiddle

基于选择选项的基于选择选项的Jquery启用/禁用按钮

相关推荐