jquery ermittelt, ob die Schaltfläche deaktiviert ist

In der Webentwicklung ist es häufig erforderlich, das deaktivierte Attribut einer Schaltfläche über jQuery zu bedienen. Wenn das Attribut „disabled“ auf „true“ gesetzt ist, wird die Schaltfläche nicht anklickbar; wenn es auf „false“ gesetzt ist, wird die Schaltfläche anklickbar. Daher ist es in vielen Szenarien erforderlich, jQuery zu verwenden, um zu bestimmen, ob das deaktivierte Attribut der aktuellen Schaltfläche wahr oder falsch ist, um es entsprechend zu behandeln.

1. Den deaktivierten Attributwert der Schaltfläche abrufen

Die Verwendung von jQuery zum Abrufen des deaktivierten Attributwerts der Schaltfläche ist sehr einfach. Verwenden Sie einfach die prop()-Methode. Die prop()-Methode kann den Attributwert des Elements abrufen oder festlegen. Beispielsweise kann der folgende Code den deaktivierten Attributwert der Schaltfläche mit der ID myBtn abrufen:

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

Im obigen Code wird die Methode $() verwendet, um die Schaltflächen-ID myBtn abzurufen, und dann wird die Methode prop() verwendet Wird verwendet, um den Wert des deaktivierten Attributs zu erhalten. Wenn „disabled“ „true“ ist, bedeutet dies, dass die aktuelle Schaltfläche nicht anklickbar ist; wenn „disabled“ „false“ ist, bedeutet dies, dass die aktuelle Schaltfläche anklickbar ist.

2. Bestimmen Sie, ob die Schaltfläche anklickbar ist

Gemäß dem obigen Code können wir feststellen, ob die Schaltfläche anklickbar ist, indem wir beurteilen, ob der Wert des deaktivierten Attributs falsch ist. Das Folgende ist ein Beispielcode:

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

Im obigen Code wird ermittelt, ob der deaktivierte Attributwert der Schaltfläche mit der ID myBtn falsch ist. Wenn dies der Fall ist, wird der Code in der if-Anweisung ausgeführt. Andernfalls wird der Code in der else-Anweisung ausgeführt.

3. Bestimmen Sie, ob die Schaltfläche nicht anklickbar ist

Manchmal müssen wir feststellen, ob die Schaltfläche nicht anklickbar ist. Zu diesem Zeitpunkt müssen Sie nur feststellen, ob der Wert des deaktivierten Attributs wahr ist. Das Folgende ist ein Beispielcode:

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

Im obigen Code wird ermittelt, ob der deaktivierte Attributwert der Schaltfläche mit der ID myBtn wahr ist. Wenn dies der Fall ist, wird der Code in der if-Anweisung ausgeführt. Andernfalls wird der Code in der else-Anweisung ausgeführt.

4. Legen Sie den deaktivierten Attributwert der Schaltfläche fest

Zusätzlich zum Abrufen des deaktivierten Attributwerts der Schaltfläche können wir den deaktivierten Attributwert der Schaltfläche auch über jQuery festlegen. Das Folgende ist ein Beispielcode:

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

Im obigen Code ist der deaktivierte Attributwert der Schaltfläche mit der ID myBtn auf true gesetzt, d. h. die Schaltfläche ist deaktiviert. Wenn Sie die Schaltfläche aktivieren müssen, legen Sie den Wert des deaktivierten Attributs auf „false“ fest. Das Folgende ist ein Beispielcode:

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

5. Zusammenfassung

jQuery bietet viele praktische Methoden zum Bearbeiten von DOM-Elementen, einschließlich der prop()-Methode. Mit der prop()-Methode können wir den Attributwert des DOM-Elements abrufen oder festlegen. Wenn wir das deaktivierte Attribut der Schaltfläche bedienen, können wir den deaktivierten Attributwert der Schaltfläche über die prop()-Methode abrufen und anhand des deaktivierten Attributwerts bestimmen, ob die Schaltfläche anklickbar oder nicht anklickbar ist. Wenn Sie eine Schaltfläche deaktivieren oder aktivieren müssen, können Sie dies tun, indem Sie den Attributwert „disabled“ festlegen.

Das obige ist der detaillierte Inhalt vonjquery ermittelt, ob die Schaltfläche deaktiviert ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!