error checkbox undefined javascript

pernahkah ketika membuat checkbox javascript  anda mendapat nilai undefined pada checkbox,

cek

cek box yang tinggal satu yaitu cek box angga (cek box “semua” beda nama dengan cekbox angga )

hal ini terjadi pada saya ketika saya membuat select dan unselect all checkbox nah ketika hanya ada satu  checkbox yang ada, ketika dilakukan select all nilainya menjadi undefined, saya menggunakan hp[] sebagai nama pada checkbox penmggunaan tanda[] adalah ketika di proses di php akan menjadi array

masalahnya  dari sini http://objectmix.com/javascript/209082-number-checkboxes-array-length-returned-undefined.html

The length was returned as ‘undefined’ because a single checkbox is
not an array. It only becomes an array when at least two checkboxes
have the same name (this change may occur when we create the
checkboxes dynamically and we may not know the number in advance). So
before looping for checked/unchecked, etc. we must first see if
there’s a single checkbox or there’s a number of checkboxes (array)
whose length is returned as a number.

tips nya kita buat filter


chkvaluer=document.sms.elements['hp[]'];  //pengambilan cek box

if(chkvaluer.length ===undefined) {
//jika   undefined lakukan ini
}

else {

//jika tidak undefined lakukan ini

}

bebrapa referensi : http://objectmix.com/javascript/209082-number-checkboxes-array-length-returned-undefined.html

semoga berguna 🙂

membuat event pada tag select html untuk mengubah nilai tag lain

Untuk membuat event pada tag select yang digunakan untuk mengubah nilai suatu properti entah itu textfield dsb maka kita perlu membuat fungsi javascript yang kita kaitkan pada tombol onChange pada select

fungsi javascpit yg kita letakkan pada head

<script>
function disp_text()
{
var w = document.namaform.namaselect.selectedIndex;
var selected_text = document.namaform.namaselect.options[w].text;
document.getElementById(“tampilan”).tampil.value = (selected_text);
}

</script>

 

 

nah form kita sebagai berikut

<FORM NAME=”namaform”  >
<SELECT NAME=”namaselect” onChange=”disp_text()”>
<OPTION VALUE=”m1″>batman
<OPTION VALUE=”m2″>spiderman
<OPTION VALUE=”m3″>jerry mouse
</SELECT>
<input type=”text” name=”tampil” > <br>

</form>

 

Refresh content halaman secara ajax dengan fungsi load

untuk meload atau menambahkan isi dari suatu halaman lain kedalam halaman kita secara ajax dapat digunakan fungsi load pada jquery

misal kita punya 2 halaman a.php dan b.php

kita akan meload/memasukkan  isi halaman b.php kedalam a.php secara ajax

save sebagai a.php

  <!DOCTYPE html>
<html>
<head>
  <style>
  body{ font-size: 12px; font-family: Arial; }
  </style>
  <script src="../jquery-1.4.1.min.js"></script>
</head>
<body>
  
<b>Successful Response (should be blank):</b>
<div id="success"></div>
<b>Error Response:</b>
<div id="error"></div>
  
<script>
$("#success").load("http://localhost/jquery/load/not-heire.php", function(response, status, xhr) {
  if (status == "error") {
    var msg = "Sorry but there was an error: ";
    $("#error").html(msg + xhr.status + " " + xhr.statusText);
  }
});
  </script>

</body>
</html>

save sebagai b.php

<?php
echo "hasil loading";
//echo site_url();
?>

menggabungkan string

untuk menggabungkan string dengan string atau string dengan isi pada variabel lain pada java script gunakanlah +

contoh

var inivariabel = “isisatu” + “dan”+”isidua”;

maka ini variabel akan berisi string isisatudanisidua

contoh lain
var oke=”toni”;
var gabung =”bapak”+oke;

maka variabel gabung berisi bapaktoni
semoga berguna 🙂

return false pada javascript

Ok kali ini kita membahas fungsi return  pada javascript…
perlu diketahui Kembalinya nilai sebuah event handler menentukan apakah browser harus mengikuti default perilaku dari tag tersebut atau tidak
Kegunaan return false : membuat browser tidak mengikuti prilaku default dari tag tersebut

misal

<a href='linkhalaman.html' onclick='inifungsi(3.1415926); return false;'>Click here !</a> 

nah jika link ini diklik maka link ini tidak langsung ke halaman linkhalaman.html tetapi memproses  inifungsi(3.1415926)

contoh yang lain

<a href= ‘www.google.com’ onclick=”return confirm(‘Are you sure you want to do that?’);”>Click Me</a>
jika diklik cancel maka akan return false sehingga link tidak akan dieksekusi

ok sekian smoga berguna 🙂

Ditulis dalam javascript. 3 Comments »