問題與數據屬性條件的Jquery複選框

您可以請看看這個spinet，讓我知道爲什麼if($(this).data('type')=="red"){}不在這裏工作？問題與數據屬性條件的Jquery複選框

$('input:checkbox[name=data]').on('change', function(){ 
 
    if($(this).data('type')=="red"){ 
 
     if($(this).is(':checked')){ 
 
      alert('Red Checkbox Checked'); 
 
     } 
 
     else{ 
 
       alert('Red Checkbox Un Checked'); 
 
     } 
 
    } 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="data" data-tyep="red"> 
 
<input type="checkbox" name="data" data-tyep="red"> 
 
<input type="checkbox" name="data" data-tyep="red"> 
 
<input type="checkbox" name="data" data-tyep="green"> 
 
<input type="checkbox" name="data" data-tyep="green"> 
 
<input type="checkbox" name="data" data-tyep="green"> 
 
<input type="checkbox" name="data" data-tyep="blue"> 
 
<input type="checkbox" name="data" data-tyep="blue"> 
 
<input type="checkbox" name="data" data-tyep="blue"> 
 
<input type="checkbox" name="data" data-tyep="blue">

來源

2015-09-27 Behseini

你需要的是這個$（本）.attr（ '數據類型'）== 「紅」 –

@Pamio Solanky，無論是工作。錯誤在於html代碼，見下面 – Jesse

是的，剛纔看到了。我在移動，所以無法看到這一切 –

您在HTML代碼爲「數據tyep」拼寫錯誤「數據類型」。

請參閱以下代碼。

$('input:checkbox[name=data]').on('change', function(){ 
 
    if($(this).data('type')=="red"){ 
 
     if($(this).is(':checked')){ 
 
      alert('Red Checkbox Checked'); 
 
     } 
 
     else{ 
 
       alert('Red Checkbox Un Checked'); 
 
     } 
 
    } 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="data" data-type="red"> 
 
<input type="checkbox" name="data" data-type="red"> 
 
<input type="checkbox" name="data" data-type="red"> 
 
<input type="checkbox" name="data" data-type="green"> 
 
<input type="checkbox" name="data" data-type="green"> 
 
<input type="checkbox" name="data" data-type="green"> 
 
<input type="checkbox" name="data" data-type="blue"> 
 
<input type="checkbox" name="data" data-type="blue"> 
 
<input type="checkbox" name="data" data-type="blue"> 
 
<input type="checkbox" name="data" data-type="blue">

來源

2015-09-27 04:42:48 Jesse

什麼愚蠢的錯誤，謝謝傑西 – Behseini

@貝塞尼 - 它發生在每個人，歡呼聲。 – Jesse

問題與數據屬性條件的Jquery複選框

回答

相關問題