JavascriptTeknoloji

JS ile Checkboxlardan Yalnız Bir Tane Seçme

Js checkbox tekli seçim

Checkbox’lardan yalnızca birini seçebilirsiniz.(Check only one checkbox and uncheck others)

Görsel Çıktı

tekli seçim
tekli seçim

Canlı Demo

Aşağıda verilen kodları txt defterine .html olarak kaydettiğinizde çalışacaktır.

KAYNAK KODLAR

<html>
<head>
    <title>Js ile Yalnız 1 Adet Seçme Checkbox</title>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript">
$(document).on('click', 'input[type="checkbox"]', function(){
   
  $("input[type='checkbox']").not(this).prop('checked', false)
});
</script>
 
</head>
<body>
 
 
<span>checkboxlardan yalnızca birini seçebilirsiniz</span>
<br>
#1<input type="checkbox" id="test1" name="#" value=""><br>
#2<input type="checkbox" id="test2" name="#" value=""><br>
#3<input type="checkbox" id="test3" name="#" value="">
<h3>Daha İyileri <a href="http://furkandemirci.com">Burada</a></h3>
</body>
</html>

İlgili Makaleler

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

Başa dön tuşu