2016-07-06 36 views
0

我是Javascript和Jquery中的新成員,所以出現問題。Javascript條件 - 如果複選框條件爲true,則顯示元素

這是一個代碼,用於檢查是否選中了三個複選框,最後 - 條件 - 如果所有這三個選項都被選中,則顯示一個html元素。

$('input[class^="class"]').click(function() { var $this = $(this); 
    if ($this.is(".class1")) { 
     if ($this.is(":checked")) { 
      $(".class1").not($this).prop({ disabled: true, checked: false }); 
      $(".class").prop("checked", true); 
      setTimeout(function() { $('#2').click(); }, 1000); //oncheck moves to the next question 
      var questionOne = 1; 
     } else { 
      $(".class1").prop("disabled", false); 
     } 
    } 

    if($this.is(".class2")) { 
     if ($this.is(":checked")) { 
      $(".class2").not($this).prop({ disabled: true, checked: false }); 
      $(".class").prop("checked", true); 
      setTimeout(function() { $('#3').click(); }, 1000); 
      var questionTwo = 1; 
     } else { 
      $(".class2").prop("disabled", false); 
     } 
    } 

    if($this.is(".class3")) { 
     if ($this.is(":checked")) { 
      $(".class3").not($this).prop({ disabled: true, checked: false }); 
      $(".class").prop("checked", true); 
      setTimeout(function() { $('#4').click(); }, 1000); 
      var questionThree = 1; 
     } else { 
      $(".class3").prop("disabled", false); 
     } 
    } 

if(questionOne = 1 && questionTwo = 1 && questionThree = 1) { alert("alert on Page load"); }            
}); 

我想問題是在設置變量或在最後一個條件。

提前致謝! 最好的問候, 喬尼

+0

'如果(questionOne = 1 ...' - 使用'='* *分配值1到可變要* *試驗該值使用'==='或'=='。 – nnnnnn

回答

1

更改您的最後一個條件檢查:

if(questionOne === 1 && questionTwo === 1 && questionThree === 1) { 
    alert("alert on Page load"); 
} 

你可以在http://www.w3schools.com/js/js_comparisons.asp大約在JavaScript相比一些基本知識

1

兄弟,做ü意味着像?

HTML:

<input type="checkbox" name="get" class="check1"> 
<input type="checkbox" name="get2" class="check2"> 
<input type="checkbox" name="get3" class="check3"> 

Jquery的:

$(document).ready(function(){ 
    var checkAndShow = function(){ 
     return ($('.check1').is(':checked')&&$('.check2').is(':checked')&&$('.check3').is(':checked')); 
    } 

    $('.check1,.check2,.check3').on('change', function(e){ 
     if(checkAndShow()){ 
      //show your div here 
     } 
     else{ 
      //hide your div here 
     } 
    }); 
}); 
+0

是的,非常感謝,這正是我所需要的。 – joni

相關問題