jquery détermine si le bouton est désactivé

Dans le développement web, il est souvent nécessaire d'exploiter l'attribut désactivé d'un bouton via jQuery. Lorsque l'attribut désactivé est défini sur true, le bouton deviendra non cliquable ; lorsqu'il sera défini sur false, le bouton deviendra cliquable. Par conséquent, dans de nombreux scénarios, il est nécessaire d'utiliser jQuery pour déterminer si l'attribut désactivé du bouton actuel est vrai ou faux, afin de le gérer en conséquence.

1. Obtenez la valeur de l'attribut désactivé du bouton

Utiliser jQuery pour obtenir la valeur de l'attribut désactivé du bouton est très simple, utilisez simplement la méthode prop(). La méthode prop() peut obtenir ou définir la valeur d'attribut de l'élément. Par exemple, le code suivant peut obtenir la valeur de l'attribut désactivé du bouton avec l'identifiant myBtn :

var disabled = $("#myBtn").prop("disabled");

Dans le code ci-dessus, la méthode $() est utilisée pour obtenir l'identifiant du bouton myBtn, puis la méthode prop() est utilisé pour obtenir sa valeur d'attribut désactivé. Si désactivé est vrai, cela signifie que le bouton actuel n'est pas cliquable ; si désactivé est faux, cela signifie que le bouton actuel est cliquable.

2. Déterminer si le bouton est cliquable

Selon le code ci-dessus, nous pouvons déterminer si le bouton est cliquable en jugeant si la valeur de l'attribut désactivé est fausse. Voici un exemple de code :

if ($("#myBtn").prop("disabled") === false) {
    // 按钮可点击，做相应处理
} else {
    // 按钮不可点击，不做处理
}

Dans le code ci-dessus, il est déterminé si la valeur de l'attribut désactivé du bouton avec l'identifiant myBtn est fausse. Si tel est le cas, le code de l’instruction if est exécuté ; sinon, le code de l’instruction else est exécuté.

3. Déterminer si le bouton n'est pas cliquable

Parfois, nous devons déterminer si le bouton n'est pas cliquable. Pour le moment, il vous suffit de déterminer si la valeur de l'attribut désactivé est vraie. Voici un exemple de code :

if ($("#myBtn").prop("disabled") === true) {
    // 按钮不可点击，做相应处理
} else {
    // 按钮可点击，不做处理
}

Dans le code ci-dessus, il est déterminé si la valeur de l'attribut désactivé du bouton avec l'identifiant myBtn est vraie. Si tel est le cas, le code de l’instruction if est exécuté ; sinon, le code de l’instruction else est exécuté.

4. Définir la valeur de l'attribut désactivé du bouton

En plus d'obtenir la valeur de l'attribut désactivé du bouton, nous pouvons également définir la valeur de l'attribut désactivé du bouton via jQuery. Voici un exemple de code :

$("#myBtn").prop("disabled", true); // 禁用按钮

Dans le code ci-dessus, la valeur de l'attribut désactivé du bouton avec l'identifiant myBtn est définie sur true, c'est-à-dire que le bouton est désactivé. Si vous devez activer le bouton, définissez la valeur de l'attribut désactivé sur false. Voici un exemple de code :

$("#myBtn").prop("disabled", false); // 启用按钮

5. Résumé

jQuery fournit de nombreuses méthodes pratiques pour manipuler les éléments du DOM, y compris la méthode prop(). Grâce à la méthode prop(), nous pouvons obtenir ou définir la valeur d'attribut de l'élément DOM. Lors de l'utilisation de l'attribut désactivé du bouton, nous pouvons obtenir la valeur de l'attribut désactivé du bouton via la méthode prop() et déterminer si le bouton est cliquable ou non en fonction de la valeur de l'attribut désactivé. Si vous devez désactiver ou activer un bouton, vous pouvez le faire en définissant la valeur de l'attribut désactivé.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!