JavascriptPopüler İçerikler

Js checkbox’a göre aktif-pasif buton

Jquery ile checkbox durumuna göre butonun aktif yada pasif kalmasını sağlayan ,yukarıyı okudum kabul ediyorum gibi vb. durumlarda kolayca kullanabileceğiniz js+html kodları aşağıda paylaşılmıştır.

Not:Çalışması için Jquery kütüphanesini import etmeyi unutmayınız.

<head > tagları içerisine “<script
src=”https://code.jquery.com/jquery-3.3.1.js”></script>” </head>

checkboxselect-enable-button

HTML KODU







<div>
  <label for="checkboxSec"><input id="checkboxSec" type="checkbox"/>Kabul ediyorum Teşekkürler Furkan Demirci:)</label>
  

  <button id="benimbuton" disabled>Onayla</button>
</div>


JS KODU


$(document).ready(function () {
  $('#checkboxSec').click(function () {
    $('#benimbuton').prop("disabled", !$("#checkboxSec").prop("checked")); 
  })
});

İlgili Makaleler

Bir Yorum

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu