javascript - Temps déclenché lorsque la case est cochée et décochée

Question

$(".checkboxs_yy").click(function(){

       if($(this).attr("checked")==true){
           console.log("选中");
       }else{
           console.log("未选中");
       } 
    });

.checkboxs_yy est une case à cocher. Je veux qu'elle déclenche un moment où elle est cochée et déclenche un autre événement lorsqu'elle n'est pas cochée. Pourquoi cette chose que j'ai écrite est-elle toujours décochée ? Comment dois-je la modifier ?

Answer 1

$(".checkboxs_yy").click(function(){
    if($(this).is(":checked")){
        console.log("选中");
    }else{
        console.log("未选中");
    }
});

Answer 2

$(this).is(":checked")

Answer 3

Utilisez $(this).prop('checked') au lieu de $(this).attr('checked') pour obtenir des attributs variables dynamiquement.

Answer 4

attr() ne convient pas pour juger s'il est sélectionné sous la case à cocher. Vous pouvez utiliser .is(":checked") ou .prop("checked", true) pour juger s'il est sélectionné.
Il existe des instructions pertinentes dans l'API jQuery. jQuery 1.6+ doit utiliser prop, en particulier le jugement de l'attribut vérifié de checkBox
En même temps, .is(":checked") convient à toutes les versions

.