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

Question

是否可以基于不在表单中的选择（下拉）选项启用或禁用表单中的按钮？我没有任何代码，我会根据您对我的问题的回答（或没有）：D

Answer 1

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

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

Answer 2

只需将您的代码禁用/启用按钮放在下拉的更改事件中。

Answer 3

可能是这样的：

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

小提琴

Answer 4

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

Answer 5

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

工作的jsFiddle

Answer 6

<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