m1ck3y083187    Kumpulan Info: Contoh Sederhana Membuat Checkbox Dengan Jquery html

Rabu, 04 April 2012

Contoh Sederhana Membuat Checkbox Dengan Jquery html

sekarang saya mau berbagi membuat checkbox dengan jquery yang biasanya untuk select menu yang di tampilkan. disini saya mau berbagi source codenya sebagai berikut :


<!DOCTYPE html>

<html>
<head>
  <style>
  div { color:red; }
  </style>
  <script src="deljsmick.js"></script>
</head>
<body>

<form>
  <p>
    <input type="checkbox" name="newsletter" checked="checked" value="Hourly" />

    <input type="checkbox" name="newsletter" value="Daily" />
    <input type="checkbox" name="newsletter" value="Weekly" />

    <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
    <input type="checkbox" name="newsletter" value="Yearly" />
  </p>
</form>
<div></div>

<script>
function countChecked() {
  var n = $("input:checked").length;
  $("div").text(n + (n <= 1 ? " is" : " are") + " checked!");
}
countChecked();
$(":checkbox").click(countChecked);
</script>

</body>
</html>

dan untuk js-nya masih sama dengan post sebelumnya. bila anda baru bergabung bisa download disini
dan bila link tidak tersedia anda bisa silahkan commant dan saya bisa perbarui postingan atau anda bisa kirim pesan lewat facebook saya.

trimakasih bila ada kekurangan mohon dibenarkan. :D

Comments
0 Comments

space iklan