0

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

4

6 回答 6

7

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

$('#picker').on('change', function() {
    $('#' + $(this).val()).prop('disabled', false)
        .siblings().prop('disabled', true);
});​
于 2012-07-05T14:14:24.067 回答
2

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

于 2012-07-05T14:08:33.473 回答
2

可能是这样的:

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

小提琴

于 2012-07-05T14:20:21.837 回答
0
$('#Select').change(function(){
    //Some condition
    $('#Button').attr('disabled','disabled');
});
于 2012-07-05T14:11:32.583 回答
0
$('select').change(function(){
  var theVal = $(this).val();
  switch(theVal){
    case '0':
      $('#theButton').prop('disabled', true);
      break;
    case '1':
      $('#theButton').prop('disabled', false);
      break;
  }
});

工作的jsFiddle

于 2012-07-05T14:12:02.833 回答
0
<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 演示

jsFiddle

于 2015-04-26T08:39:33.900 回答