jquery menentukan sama ada butang dilumpuhkan

Dalam pembangunan web, selalunya perlu untuk mengendalikan atribut butang yang dilumpuhkan melalui jQuery. Apabila atribut yang dilumpuhkan ditetapkan kepada benar, butang akan menjadi tidak boleh diklik apabila ditetapkan kepada palsu, butang akan menjadi boleh diklik. Oleh itu, dalam banyak senario, adalah perlu untuk menggunakan jQuery untuk menentukan sama ada atribut yang dilumpuhkan bagi butang semasa adalah benar atau palsu, untuk mengendalikannya dengan sewajarnya.

1 Dapatkan nilai atribut yang dilumpuhkan bagi butang

Sangat mudah untuk menggunakan jQuery untuk mendapatkan nilai atribut yang dilumpuhkan Anda hanya perlu menggunakan kaedah prop(). Kaedah prop() boleh mendapatkan atau menetapkan nilai atribut elemen. Sebagai contoh, kod berikut boleh mendapatkan nilai atribut yang dilumpuhkan bagi butang dengan id myBtn:

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

Dalam kod di atas, kaedah $() digunakan untuk mendapatkan butang dengan id myBtn, dan kemudian prop () kaedah digunakan untuk mendapatkan nilai atributnya yang dilumpuhkan. Jika dilumpuhkan adalah benar, ini bermakna butang semasa tidak boleh diklik jika dilumpuhkan adalah palsu, ini bermakna butang semasa boleh diklik.

2 Tentukan sama ada butang itu boleh diklik

Mengikut kod di atas, kita boleh menentukan sama ada butang itu boleh diklik dengan menilai sama ada nilai atribut yang dilumpuhkan adalah palsu. Berikut ialah contoh kod:

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

Dalam kod di atas, ia ditentukan sama ada nilai atribut yang dilumpuhkan bagi butang dengan id myBtn adalah palsu. Jika ya, kod dalam pernyataan if dilaksanakan jika tidak, kod dalam pernyataan else dilaksanakan.

3 Tentukan sama ada butang itu tidak boleh diklik

Kadangkala, kita perlu menentukan sama ada butang itu tidak boleh diklik. Pada masa ini, anda hanya perlu menentukan sama ada nilai atribut yang dilumpuhkan adalah benar. Berikut ialah contoh kod:

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

Dalam kod di atas, ia ditentukan sama ada nilai atribut yang dilumpuhkan bagi butang dengan id myBtn adalah benar. Jika ya, kod dalam pernyataan if dilaksanakan jika tidak, kod dalam pernyataan else dilaksanakan.

4. Tetapkan nilai atribut yang dilumpuhkan bagi butang

Selain mendapatkan nilai atribut yang dilumpuhkan bagi butang tersebut, kami juga boleh menetapkan nilai atribut yang dilumpuhkan bagi butang tersebut melalui jQuery. Berikut ialah contoh kod:

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

Dalam kod di atas, nilai atribut yang dilumpuhkan bagi butang dengan id myBtn ditetapkan kepada benar, iaitu butang dilumpuhkan. Jika anda perlu mendayakan butang, tetapkan nilai atribut yang dilumpuhkan kepada palsu. Berikut ialah kod sampel:

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

5. Ringkasan

jQuery menyediakan banyak kaedah mudah untuk memanipulasi elemen DOM, termasuk kaedah prop(). Melalui kaedah prop(), kita boleh mendapatkan atau menetapkan nilai atribut elemen DOM. Apabila mengendalikan atribut dilumpuhkan butang, kami boleh mendapatkan nilai atribut dilumpuhkan butang melalui kaedah prop(), dan menentukan sama ada butang itu boleh diklik atau tidak boleh diklik berdasarkan nilai atribut dilumpuhkan. Jika anda perlu melumpuhkan atau mendayakan butang, anda boleh melakukannya dengan menetapkan nilai atribut yang dilumpuhkan.

Atas ialah kandungan terperinci jquery menentukan sama ada butang dilumpuhkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!