[ASK] Disable Checkbox

Forum diskusi mengenai client-side scripting Javascript dan framework-framework yang mendukungnya

Moderator: irzan2010

[ASK] Disable Checkbox

Postby compileError » 14 Jun 2011, 22:17

Code: Select all
<?php
mysql_connect("localhost","root","");
mysql_select_db("test2");

//misal kita mau ambil mata kuliah di semester ganjil
$semester = "Ganjil";
echo "MATA KULIAH SEMESTER : $semester<p>";

//melakukan query ke database
$kuliah = mysql_query("select * from matakuliah where semester='$semester'");
while($k = mysql_fetch_array($kuliah)){
    $kode[] = $k['kode'];
    $nama[] = $k['nama'];
    $sks[] = $k['sks'];
}
?>
<html>
<head>
<title>Check Box</title>
<script>
<?php
echo "var jumlah = ".count($kode).";\n";
echo "var sks = new Array();\n";
//mengambil sks matakuliah dan memasukkan ke array javascript
for($j=0;$j<count($kode);$j++){
    echo "sks['".$kode[$j]."'] = ".$sks[$j].";\n";
}
?>
function hitungtotal(){
    jum = 0;
    for(i=0;i<jumlah;i++){
        id = "mk"+i;
        td1 = "k1"+i;
        td2 = "k2"+i;
        td3 = "k3"+i;
        td4 = "k4"+i;
        if(document.getElementById(id).checked){
            kode = document.getElementById(id).value
            jum = jum + sks[kode];
            //untuk mengubah warna latar tabel apabila diceklist
            document.getElementById(td1).style.backgroundColor = "lightblue";
            document.getElementById(td2).style.backgroundColor = "lightblue";
            document.getElementById(td3).style.backgroundColor = "lightblue";
            document.getElementById(td4).style.backgroundColor = "lightblue";
        }else {
            document.getElementById(td1).style.backgroundColor = "white";
            document.getElementById(td2).style.backgroundColor = "white";
            document.getElementById(td3).style.backgroundColor = "white";
            document.getElementById(td4).style.backgroundColor = "white";
        }
    }
    //menampilkan total jumlah SKS yang diambil
    document.getElementById("jsks").innerHTML = jum;
}
</script>
</head>
<body>
<form name=formulirkrs method=post action=inputkrs.php>
<table border=1 width=400 style="border-collapse:collapse" bordercolor="#999999">
<tr><td><b>Kode</b></td><td><b>Nama Mata Kuliah</b></td>
<td><b>SKS</b></td><td><b>Ambil</b></td></tr>
<?php
//menampilkan matakuliah ke dalam tabel
for($i=0;$i<count($kode);$i++){
    echo "<tr><td id=k1$i>".$kode[$i]."</td>";
    echo "<td id=k2$i>".$nama[$i]."</td>";
    echo "<td id=k3$i>".$sks[$i]."</td>";
    echo "<td id=k4$i><input type=checkbox name=mk[] onclick=hitungtotal()
    value=".$kode[$i]." id=mk".$i."></tr>";
}
?>
<tr><td colspan=3>JUMLAH YANG DIAMBIL</td><td><span id=jsks></span</td></tr>
</table>

<input type=submit>
</form>
</body>
</html>


om om saya lagi buat krs online nah saya bingung gimana caranya mendisable checkbox apabila jumlah sks yang sudah dipilih sudah mencapai 24? mohon bantuannya
User avatar
compileError
Prajurit Dua
Prajurit Dua
 
Posts: 9
Joined: 09 May 2011, 08:43
Memberi kopi: 2 cangkir
Mendapat kopi: 0 cangkir

Re: [ASK] Disable Checkbox

Postby ozby » 19 Jul 2011, 18:07

Code: Select all
//jika sks sama dengan atau lebih kecil dari 24
if($i =< 24){ echo '<input type="checkbox" />' }
//jika sudah 24 akan dikosongkan
else {echo '<input type="checkbox" disable="disabled" />';}


sperti ini ga yg om maksud?
Kalo matahari udah ga muncul baru aku selesai koding X(
User avatar
ozby
Prajurit Dua
Prajurit Dua
 
Posts: 34
Joined: 07 Apr 2011, 12:05
Location: Di Hatimu
Memberi kopi: 0 cangkir
Mendapat kopi: 6 cangkir

Re: [ASK] Disable Checkbox

Postby pujanggabageur » 20 Jul 2011, 08:40

Begini, pertama, beri attribut class di checkbox nya:
Code: Select all
    //Pada contoh saya beri attribut class "chk_sks"
    echo "<td id=k4$i><input type=checkbox name=mk[] onclick=hitungtotal()
    value=".$kode[$i]." id=mk".$i." class='chk_sks'></tr>";


Di script Javascript-nya tambahkan fungsi ini:
Code: Select all
        var allHTMLTags = new Array();
   function disabledElementByClass(theClass) {
      var allHTMLTags=document.getElementsByTagName("*");
      for (i=0; i<allHTMLTags.length; i++) {
         if (allHTMLTags[i].className==theClass) {
            allHTMLTags[i].disabled=true;
         }
      }
   }


Cara manggil fungsinya begini:
Code: Select all
if (jum >= 30){
    disabledElementByClass("chk_sks");
}
Wajib hukumnya mematuhi Peraturan Memposting!
Diajar babarengan
User avatar
pujanggabageur
Global Moderator
Global Moderator
 
Posts: 2814
Joined: 13 Mar 2010, 14:15
Location: di depan LCD ViewSonic
Memberi kopi: 159 cangkir
Mendapat kopi: 293 cangkir

Re: [ASK] Disable Checkbox

Postby asdartm » 27 Nov 2011, 06:47

mohon tolong, Scriptnya gmn ya agar checkbox disable atau readonly bila matakuliah yang ditampilkan sudah ada yg pernah diambil, trm kasih sblmnya
asdartm
Prajurit Dua
Prajurit Dua
 
Posts: 1
Joined: 27 Nov 2011, 06:39
Memberi kopi: 0 cangkir
Mendapat kopi: 0 cangkir


Return to Javascript and Framework

Who is online

Users browsing this forum: No registered users and 1 guest