2012-07-05 113 views
0

基於選擇(下拉)選項不是在窗體中,是否可以啓用或禁用表單中的按鈕?我沒有任何代碼,我會根據你對我的問題的回答得到它(或不)。D基於選擇選項的基於選擇選項的Jquery啓用/禁用按鈕

+1

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

+1

你應該表現出一些努力? – 2012-07-05 14:09:31

+0

是的,這是可能的。你希望我們爲你提供代碼嗎?然後繼續做夢... – 2012-07-05 14:09:49

回答

2

只需將代碼禁用/啓用下拉列表的更改事件中的按鈕即可。

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

小心解釋一下你的代碼? – 2012-07-14 07:04:37

0
$('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

1

事情是這樣的,也許:

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

FIDDLE

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 demo

看到jsFiddle

相關問題