複選框使用jQuery

這是我的jQuery複選框使用jQuery

$('#hijue').change(function() { 
    if($(this).prop(checked) == true) { 
    $('#puta').hide(); 
    } 
    else { 
    $('#puta').show(); 
    } 
});

，這是我的HTML

<input type="checkbox" name="hijue" id="hijue" unchecked> 
<div id="puta"></div>

這個問題已經被他人發佈之前，但我仍然停留在檢索的複選框。任何人都請幫助

來源

2016-11-04 nzrnfourtwenty

什麼是你的問題？ – jmargolisvt

你有錯誤你有什麼問題？ – 2016-11-04 02:37:57

不顯示任何輸出@Haza – nzrnfourtwenty

您應該使用prop('checked')。
您當前的代碼使用checked變量（我猜你沒有）。

如果你打開控制檯，你也應該看到錯誤對此。

$('#hijue').change(function() { 
 
    if($(this).prop('checked') == true) { 
 
    $('#puta').hide(); 
 
    } 
 
    else { 
 
    $('#puta').show(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="checkbox" name="hijue" id="hijue" unchecked> 
 
<div id="puta">1234</div>

來源

2016-11-04 02:37:56 Dekel

當你說「不爲你工作」不爲我工作 – nzrnfourtwenty

- 你運行的片段？你的代碼是什麼樣的？因爲這個片段的工作... – Dekel

我不能運行您的代碼段我公司阻止它 – nzrnfourtwenty

您可以使用jQuery的非常可讀的代碼：

$('#hijue').change(function() { 
 
    if($(this).is(':checked')) { 
 
    $('#puta').hide(); 
 
    } 
 
    else { 
 
    $('#puta').show(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="hijue" id="hijue" unchecked> 
 
<div id="puta">asdf</div>

來源

2016-11-04 02:41:41

試試這個：

$('#hijue').change(function() { 
    $('#hijue').click(function() { 
    $('#puta').hide(); 
    }); 
});

來源

2016-11-04 02:41:51

問題是在這裏：.prop(checked)，嘗試或this.checked

您可以嘗試jQuery.toggle()

$(function() { 
 
    $("#hijue").on('change', function() { 
 
    $('#puta').toggle(!this.checked); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="hijue" id="hijue" unchecked> 
 
<div id="puta">This is div</div>

來源

2016-11-04 03:07:16 Arvind

複選框使用jQuery

回答

相關問題