Mashersam mBlog'S

Negara, Republik, Hidup, Tumpah darah, Persatuan, Kesatuan,->,Indonesia 100% Twitterologi, facebookologi, Googler, ->,Islam

Checkbox yang terpilih saja dengan jquery, secara agak sederhana

Tidak ada komentar
Sebelumnya kayaknya gampang pemakaian checkbox terpilih saja sederhana  
tapi ternyata semua checkbox kena semua, padahal di form tersebut banyak memakai checkbox, berikut supaya nggak lupa kalau dipakai lagi adalah seperti ini.
😐 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" class="chk" />class chk
<input type="checkbox" class="chk" />class chk
<input type="checkbox" class="chk" />class chk
<input type="checkbox" class="chk" />class chk <br>
<input type="checkbox" class="chk1" />class chk1
<input type="checkbox" class="chk1" />class chk1
<input type="checkbox" class="chk1" />class chk1
<input type="checkbox" class="chk1" />class chk1 <br>
<input type="checkbox" id="chk2" />id chk2
<input type="checkbox" id="chk2" />id chk2
<input type="checkbox" id="chk2" />id chk2
<input type="checkbox" id="chk2" />id chk2
<script>
$('input.chk').on('change', function() {
    $('input.chk').not(this).prop('checked', false);  
});
</script>
<script>
$('input.chk1').on('change', function() {
    $('input.chk1').not(this).prop('checked', false);  
});
</script>
<script>
$('input#chk2').on('change', function() {
    $('input#chk2').not(this).prop('checked', false);  
});
</script>

Tidak ada komentar :

Posting Komentar

Membuat Checkbox hanya bisa memilih salah satu

Tidak ada komentar

Checkbox secara default akan dapat dipilih semuanya. Nah bagaimana cara agar checkbox tersebut hanya diijinkan untuk memilih salahsatunya berikut adalah code sederhana, saya niatin supaya nggak lupa aja... setelah bergoogling, barang kali ada yang bisa terbantu.


<script>
$(document).on('click', 'input[type="checkbox"]', function() {      
    $('input[type="checkbox"]').not(this).prop('checked', false);      
});
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><br>
<input type="checkbox" id="satu" />satu
<input type="checkbox" id="dua" />dua
<input type="checkbox" id="tiga" />tiga 
<input type="checkbox" id="empat" />empat<br>


Demikian gitu aja sederhananya

Tidak ada komentar :

Posting Komentar

Langganan: Postingan ( Atom )

Subscribe