Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts

Find All Checkboxes Javascript, Mencari Semua Checkbox di jQuery JavaScript (Multi Checbox)

Find all checkboxes javascript
Multiple Checkbox

You can find many examples on the web, but here goes.
Using normal JavaScript (NP: I have not run this code):

?
1
2
3
4
5
6
7
8
9
10
11
12
13
var inputs = document.getElementsByTagName("input"); //or document.forms[0].elements;
var cbs = []; //will contain all checkboxes
var checked = []; //will contain all checked checkboxes
for (var i = 0; i < inputs.length; i++) {
  if (inputs[i].type == "checkbox") {
    cbs.push(inputs[i]);
    if (inputs[i].checked) {
      checked.push(inputs[i]);
    }
  }
}
var nbCbs = cbs.length; //number of checkboxes
var nbChecked = checked.length; //number of checked checkboxes

Using jQuery:?
1
2
3
4
5
var cbs = $("input:checkbox"); //find all checkboxes
var nbCbs = cbs.size(); //the number of checkboxes
  
var checked = $("input[@type=checkbox]:checked"); //find all checked checkboxes + radio buttons
var nbChecked = checked.size();




Sekian, terimakasih atas kunjungannya.
Salam,
PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.

Beberapa Macam Redirect di JavaScript

Redirect


Berikut beberapa cara untuk mengalihkan halaman atau meredirect dari satu halaman ke halaman lain di dalam bahasa pemrograman web, javascript.


window.location.href bukanlah sebuah metode, ini adalah properti yang akan memberi tahu Anda lokasi URL saat ini dari browser. Mengubah nilai properti akan mengarahkan halaman web.

window.location.href = 'http://www.duniaikanhias.com'; //meredirect di halaman yang sama

window.open () adalah metode yang bisa Anda lewati URL yang ingin Anda buka di jendela baru. Sebagai contoh:

window.open('http://www.duniaikanhias.com'); //membuka window baru




Sekian, terimakasih atas kunjungannya.
Salam,
PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.

Local Storage untuk Ganti Warna Background Setelah diKlik

LocalStorage

Ketik dalam daftar data tabel anda, jika jumlahnya banyak pasti user sangat kesulitan untuk menentukan dimana bagian yang terpilih atau terakhir kita klik. Untuk itu, saya contohkan javascript bagaimana untuk mengatasi itu. Berikut contohnya:

<script type="text/javascript">
    $(document).ready(function (e) {
        var index = Cookies.get('bg-success');
        $('.light').removeClass('bg-success');
        $(".light").eq(index).addClass('bg-success');
        $('.light').on('click', function (e) {
            e.preventDefault();
            $('.light').removeClass('bg-success');
            $(this).addClass('bg-success');
            Cookies.set('bg-success', $('.light').index(this));
        });
        var index = Cookies.get('bg-warning');
        $('.light2').removeClass('bg-warning');
        $(".light2").eq(index).addClass('bg-warning');
        $('.light2').on('click', function (e) {
            $('.light2').removeClass('bg-warning');
            $(this).addClass('bg-warning');
            Cookies.set('bg-warning', $('.light2').index(this));
        });

    });
</script>





Sekian, terimakasih atas kunjungannya.
Salam,
PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.

Merubah Tipe Data di JavaScript

numeric



Convert bilangan negative ke positive:

HTML:
<b>Nilai c = <span class="selector"></span></b>

Contoh:
100.000 - 150.000 = -50.000 ingin ditampilkan "Nilai c = Rp(50.000)" maka:
---

function convert(angka){
    var rev = parseInt(angka, 10).toString().split('').reverse().join('');
    var rev2 = '';
    for(var i = 0; i < rev.length; i++){
        rev2 += rev[i];
        if((i+1)%3 === 0 && i !== (rev.length - 1)){
            rev2 += '.';
        }
    }
    return 'Rp' + rev2.split('').reverse().join('') + ',00';
}

var a = parseInt(100000);
var b = parseInt(150000);
var c = a-b;

if(c < 0){
    var hasil = Math.abs(c) ;
    var rupiah = convert(hasil);
    $(".selector").html('('.rupiah.')');
}else{
    var rupiah = convert(c);    
    $(".selector").html(rupiah);
}




Sekian, terimakasih atas kunjungannya.
Salam,
PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.