jquery all value is not empty then show submit button else not show

Question

我有一個關於selectbox的問題。我必須創建這個DEMO

在這個演示中，你可以看到有一個藍色的按鈕。我在想什麼？我試圖如果所有的值不是0 then show按鈕。如果所有值均爲0，則按鈕hide。

我該怎麼辦？

$(function(){ 
    $("select").change(function(){ 
      $("select option:selected").each(function(){ 
       if($(this).attr("value")=="Satılık"){ 
        $(".met").show(); 
        $(".de").hide(); 
       } 
       if($(this).attr("value")=="Kiralık"){ 
        $(".met").show(); 
        $(".de").show(); 
       } 
       if($(this).attr("value")=="GünlükKiralık"){ 
        $(".de").hide(); 
        $(".met").show(); 
       } 
       if($(this).attr("value")=="Satılıki"){ 
        $(".de").hide(); 
        $(".met").show(); 
       } 
       if($(this).attr("value")=="Kiralıki"){ 
        $(".de").show(); 
        $(".met").show(); 
       } 
       if($(this).attr("value")=="Devren"){ 
        $(".de").hide(); 
        $(".met").show(); 
       } 

      }); 
     }).change(); 
}); 

Answer 1

這是你正在試圖實現的嗎http://jsfiddle.net/fekktthj/1/？

我補充說，檢查最後選擇的值如下幾行：

$(function(){ 
    $("select").change(function(){ 
    $("select option:selected").each(function(){ 
     if($(this).attr("value")=="Satılık"){ 
      $(".met").show(); 
      $(".de").hide(); 
     } 
     if($(this).attr("value")=="Kiralık"){ 
      $(".met").show(); 
      $(".de").show(); 
     } 
     if($(this).attr("value")=="GünlükKiralık"){ 
      $(".de").hide(); 
      $(".met").show(); 
     } 
     if($(this).attr("value")=="Satılıki"){ 
      $(".de").hide(); 
      $(".met").show(); 
     } 
     if($(this).attr("value")=="Kiralıki"){ 
      $(".de").show(); 
      $(".met").show(); 
     } 
     if($(this).attr("value")=="Devren"){ 
      $(".de").hide(); 
      $(".met").show(); 
     } 

    }); 
    if(($('select[name=isinma_tipi]').val() ==null) || $('select[name=isinma_tipi]').val() ==''){ 
     $('#submitBtn').hide(); 
    }else{ 
     $('#submitBtn').show(); 
    } 
}).change(); 

我希望它可以幫助你！

Answer 2

將按鈕上的css設置爲「display：none;」或者加載一個js，比如「$（'＃submitBtn'）。hide（）;」

jQuery的

$('#model').click(function(){ 
    if($(this).val() !== "") 
    { 
     $('#submitBtn').show(); 
    } 
    else{ 
    $('#submitBtn').hide(); 
    } 
});