通过使用jQuery选择的下拉列表更改输入的不透明度?

时间:2015-03-13 10:39:08

标签: jquery css input opacity

如果在选择#custom时将.css(“不透明度”,“1”)添加到#ifedit,但在另一个选择时,#ifedit将为opacity = .5

Here is my Fiddle

$(function() {
 $('#ifedit').prop('disabled',true);
 $('#drpevent').on('change', function(){
    $('#ifedit').prop('disabled', $(this).val() !== 'custom');
 });
});

2 个答案:

答案 0 :(得分:0)

你必须得到选择框的值()

 $(function() {
     $('#ifedit').prop('disabled',true);
     $('#drpevent').on('change', function(){
        if ($('#drpevent').val() == 'custom') {
          $('#ifedit').prop('disabled',false).css('opacity','1');
        } else {
          $('#ifedit').prop('disabled',true).css('opacity','0.5');
        }
    });
 });

答案 1 :(得分:0)



$(function() {
   $('#ifedit').prop('disabled', true);
   $('#drpevent').on('change', function() {
     $('#ifedit').prop('disabled', $(this).val() !== 'custom');
     if ($('#drpevent').val() == 'custom') {
       $('#ifedit').css('opacity', '1');
     } else {
       $('#ifedit').css('opacity', '0.5');
     }
   });
 });