Dari artikel Pemrograman Multiple Checkbox di PHP dan Multiple Checkbok pada GridView Yii yang kita bahas sebelumnya, kita mungkin menginginkan suatu fungsi untuk ChekAll dan UnchekAll. Contoh tampilan untuk Check All adalah seperti gambar berikut ini
Demo dapat dilihat di http://aris.proweb.asia/multilist/index2.php .
Source code utama adalah:
——————————–
<script>
function pilihsemua()
{
var daftarku = document.getElementsByName(“daftarku[]”);
var jml=daftarku.length;
var b=0;
for (b=0;b<jml;b++)
{
daftarku[b].checked=true;
}
}
function bersihkan()
{
var daftarku = document.getElementsByName(“daftarku[]”);
var jml=daftarku.length;
var b=0;
for (b=0;b<jml;b++)
{
daftarku[b].checked=false;
}
}
</script>
——————————–
Kemudian untuk linknya:
——————————–
<a href=”javascript:pilihsemua()”>Check All</a>
<a href=”javascript:bersihkan()”>Uncheck All</a>
——————————–
Coding selengkapnya adalah:
<html>
<body>
<a href=”javascript:pilihsemua()”>Check All</a> <a href=”javascript:bersihkan()”>Uncheck All</a>
<form action=”proses.php” method=”POST”>
<br/><input type=”checkbox” name=”daftarku[]” value=”100″/>Invoice no 100
<br/><input type=”checkbox” name=”daftarku[]” value=”101″/>Invoice no 101
<br/><input type=”checkbox” name=”daftarku[]” value=”102″/>Invoice no 102
<br/><input type=”checkbox” name=”daftarku[]” value=”103″/>Invoice no 103
<br/><input type=”checkbox” name=”daftarku[]” value=”104″/>Invoice no 104
<br/><input type=”checkbox” name=”daftarku[]” value=”105″/>Invoice no 105
<br/><input type=”submit” value=”Proses”/>
</form>
<script>
function pilihsemua()
{
var daftarku = document.getElementsByName(“daftarku[]”);
var jml=daftarku.length;
var b=0;
for (b=0;b<jml;b++)
{
daftarku[b].checked=true;
}
}
function bersihkan()
{
var daftarku = document.getElementsByName(“daftarku[]”);
var jml=daftarku.length;
var b=0;
for (b=0;b<jml;b++)
{
daftarku[b].checked=false;
}
}
</script>
</body>
</html>
Artikel terkait adalah:
1. http://www.proweb.co.id/articles/web_application/multiple_checbox.html .
2. http://www.proweb.co.id/articles/web_application/checkbox_cgridview_yii.html .
Kunjungi www.proweb.co.id untuk menambah wawasan anda.