Showing posts with label Javascript. Show all posts
Showing posts with label Javascript. Show all posts
Published December 26, 2024 by RIT with 0 comment

CARA OPER NILAI PADA AJAX MENGGUNAKAN FUNCTION



Hello I have problem return a value in function using ajax, And I am solved problem after search in google.com and recomend from stackoverflow. So, in my case only add async : false in function ajax. 
function insert(data_nya){
    let returnStatus = false;
    $.ajax({
        method: 'POST',
        url: "<?= base_url(); your_controller ?>",
        data: data_nya,
        async: false, // add async for return value variable returnStatus.
        success: function(res){

            let data_nya  = $.parseJSON(res);
            if(data_nya.status_insert == 2){
                
                returnStatus = true;

            }else{

                returnStatus;
            }
        }
    }); // end ~ ajax
    return returnStatus;
} // end ~ function


Enjoy it. ^_^

TAG TAGS :
return value ajax || How to return value ajax from function || ajax || how to return value from function ajax || jquery || ajax langsungkoding.blogspot.com | langsungkoding |

REFERENCE :
- https://stackoverflow.com/questions/10768991/return-value-of-jquery-ajax-call
Read More

,

      edit
Published November 13, 2022 by RIT with 0 comment

CARA OPER NILAI SAAT APPEND PADA JQUERY

source logo : www.freebiesupply.com


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Beberapa waktu memiliki kasus dimana ingin input banyak menggunakan codeigniter 3 dengan inputan Nama Barang, Harga dan Qty. Langsung saja,
persiapkan library nya, bootstrap, dan jquery.

Tampilan pada browser


<html>
<!-- syntax Begin -->

<div class="container">
  <div class="card">
    <div class="card-header">
      Oper Value To Input Append Jquery
    </div>
    <div class="card-body">
      <div class="col">
        <input type="text" id="namaBarang" placeholder="Nama Barang">
        <input type="text" id="hargaBarang" placeholder="Harga Barang">
        <input type="text" id="qtyBarang" placeholder="Qty">
        <button type="button" class="btn btn-primary " id="tombolTambah">Tambah</button>
      </div><br>
    
      <table class="table table_append" >
        <thead>
          <td>No</td>
          <td>Nama Barang</td>
          <td>Harga Barang</td>
          <td>Qty</td>
          <td>Option</td>
        </thead>
        <tbody>
          
        </tbody>
      </table>
            <div class="row btnSave_" style="display: none;">
                <div class="col-lg-12">
                    <button type="submit" class="btn btn-primary " >SIMPAN BARANG</button>    
               </div>
            </div>      
    </div>
  </div>
</div>

<!-- syntax End -->
</html>


<!-- syntax begin -->

//parsing value ke input text
    $(document).on('ready', function() {

        var count = 0;

        $("#tombolTambah").on("click keyup change", function () {

            NoCount = count++;

            var html_code = "<tr id='row"+NoCount+"'>";

            html_code += "<td class='numberRow'><strong></strong></td>";

            html_code += "<td> <input type='text' value='"+$("#namaBarang").val()+"'></td>";
            html_code += "<td> <input type='text' value='"+$("#hargaBarang").val()+"'></td>";
            html_code += "<td> <input type='text' value='"+$("#qtyBarang").val()+"'></td>";
            html_code += '<td><a href="javascript:void(0);" class="remCF btn btn-danger btn-circle btn-sm" deleted-hrgBrg='+NoCount+' changed-noUrut='+NoUrut+'><i class="fa fa-times"></i></a></td>';
            
            html_code += "</tr>";

            $('.table_append').append(html_code);

            recalculate();
            tombolSimpan(); // akan ditampilkan jika ada satu baris nama barang

        });



        $(".table_append").on('click', '.remCF', function() { 
          
            $(this).parent().parent().remove();
       
            tombolSimpan();
            $('.table_append tbody tr').each(function(i){ $($(this).find('td')[0]).html(i+1); }); //untuk mengembalikan urutan baris/row nomor kesemula, jadi bisa berurutan
        });


        function tombolSimpan(){

            if($('.numberRow').length > 0){

                $('.btnSave_').show();

            }
             if($('.numberRow').length == 0){
                
                    $('.btnSave_').hide();
            } 

        }

        function recalculate() { //untuk menjaga nomor agar tetap urut saat telah menghapus element
          
          var i = 1;
          
          $(".numberRow").each(function() {
          
              $(this).find("strong").text(i++);     
          
          });
        }        
    });


<!-- syntax end -->

hasilnya : :




Demikian cara parsing value pada input saat append pada jquery, jika ada kesulitan mengenai artikel ini, bisa tinggalkan komentar dibawah ini. Terima Kasih

TAG TAGS :
CARA OPER VALUE SAAT APPEND PADA JQUERY | CARA PARSING VALUE SAAT APPEND PADA JQUERY | CARA PARSING VALUE SAAT APPEND MENGGUNAKAN JQUERY | HOW TO PARSING VALUE TO INPUT WHEN APPEND JQUERY | HOW TO PARSING VALUE WHEN APPEND WITH JQUERY | PARSING VALUE on APPEND | PARSING VALUE on JQUERY langsungkoding.blogspot.com | langsungkoding |


BACA JUGA :

Read More

, ,

      edit
Published July 26, 2021 by RIT with 0 comment

CARA MENGGUNAKAN SWEET ALERT 2


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Ditutorial ini akan berbagi cara menggunakan sweet alert, mungkin tidak selengkap dokumentasinya, saya hanya menampilkan sweet alert sesuai dengan kebutuhan saya saja, dimana sweet alert yang saya gunakan yaitu saat user berhasil menyimpan data atau menghapus data

maka sweet alert akan muncul, karena alert yang biasa sudah saya rasa membosankan, saya menggunakan sweet alert. dan berikut langkah-langkah nya.

Sebelum koding atau copy paste script sweet alert nya baik dari blok ini atau pun langsung dari situs resmi sweet alert anda harus memasukkan link css atau lin js yang disediakan oleh sweet alert. Berikut link nya jika ingin secara online : 

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>



Kalian bisa download sweet alert melalui npm juga npm install sweetalert2 , setelah selesai download nya kalian bisa pindah sweet alert nya ke dalam projek anda atau ke folder yang inginkan. lalu panggi seewt alertnya dengan kode yang biasa kalian lakukan contoh seperti ini : 

<script src="sweetalert2.all.min.js"></script>

letakkan kode sweet alert diatas sendiri atau dibawah sendiri dari script anda.



Selanjutnya adalah cara menggunakan sweet alert yang mungkin akan biasa diguanakan seperti contoh diatas yang sudah saya sebutkan, dimana sweet alert akan muncul jika aplikasi telah berhasil menyimpan, mengubah data atau menghapus data.

Berikut ini hanya contoh dari kode sweet alert yang sederhana. Kalian bisa mengembangakannya sendiri. 

<button class="btn btn-warning" onclick="warning()">Sweet Alert Warning</button>
 
<script type="text/javascript">
 
    function warning(){
        Swal.fire({
          position: 'center',
          icon: 'warning',
          title: 'Data Tidak Terdaftar',
          showConfirmButton: true,
          confirmButtonColor: '#3085d6'
        })  
    }
</script>

Hasilnya akan seperti gambar dibawah, dimana saat menekan tombol nya sweet alert akan menampilkan alert atau notif seperti gambar dibawah ini.


Sekarang kita coba sweet alert yang lain, seperti saat user menekan tombol delete maka akan sweet alert akan menampilkan notif persetujuan terlebih dahulu. berikut script pada sweet alert nya : 


<button class="btn btn-danger" onclick="deleted()">Sweet Alert Warning</button><br>
 
<script type="text/javascript">
    function deleted(){
        Swal.fire({
          title: 'Apakah Anda Yakin ?',
          text: "Data Anda Tidak Dapat di Kembalikan ..",
          icon: 'warning',
          showCancelButton: true,
          confirmButtonColor: '#3085d6',
          cancelButtonColor: '#d33',
          confirmButtonText: 'Ya, Hapus Data ini!',
          cancelButtonText: 'Tidak..',
        }).then((result) => {
          if (result.isConfirmed) {
            Swal.fire(
              'Deleted!',
              'Berhasil Dihapus.',
              'success'
            )
          }else{
            Swal.fire(
              'Warning..!',
              'Gagal Dihapus.',
              'warning'
            )             
          }
        })      
    }
</script>


script sweet alert diatas akan menampilkan seperti gambar dibawah ini :
sweet alert 2


jika user memilih tombol Ya Hapus Data ini! maka sweet alert akan menampilkan notif lagi serperti gambar dibawah ini :
sweet alert 2


Jika user memilih tombol Tidak maka sweet alert akan menampilkan notif lagi seperti gambar dibawah ini.
sweet alert 2



Terima Kasih
Thank's

TAG TAGS :
sweet alert || sweetalert || cara menggunakan sweet alert || how to use sweet alert in php || sweet alert bahasa indonesia || sweetalert2 || how to custom sweet alert || how to custom color button confirm sweet alert || how to custom color button cancel in sweet alert langsungkoding.blogspot.com | langsungkoding |


BACA JUGA :


SOURCE :
- https://sweetalert2.github.io/#examples

Read More

,

      edit
Published May 30, 2021 by RIT with 0 comment

HOW TO OPEN NEW TAB IN JAVASCRIPT

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

how to open new tab
source logo : https://www.freepnglogos.com

pada post kali ini, langsung koding akan berbagi mengenai cara membuka tab baru dengan kode javascript, misalnya serperti user klik tombol lalu akan membuka tab baru disamping nya, berikut kode javascript:

yang pertama menggunakan atribut onclick dan memasukkan script window.open() kode didalam atribut onclick berikut kodenya : 

<button onclick="window.open('note.html')">buka tab baru</button>



Selanjutnya script membuka tab baru dengan function, jadi masih menggunakan atribut onclick lalu isikan nama function didalam atribut onclick nya, berikut kodenya : 

<button onclick="buka_tab_baru();">buka tab baru dengan function</button>
 
<script type="text/javascript">
    function buka_tab_baru(){
        window.open("note.html");
    }
</script>



Cara Print dengan javascript


print dengan javascript menggunakan attribut onclick dan memasukkan kode window.print() berikut kode nya : 

<button onclick="window.print('note.html')">print</button>



Selanjutnya script print dengan function, jadi masih menggunakan atribut onclick lalu isikan nama function didalam atribut onclick nya, berikut kodenya : 

<button onclick="buka_tab_print();">print dengan function</button>
 
<script type="text/javascript">
    function buka_tab_print(){
        window.print("note.html");
    }
</script>



Terima Kasih
Thank's


TAG TAGS :
CARA BUKA TAB BARU PADA JAVASCRIPT | CARA BUKA TAB BARU MENGGUNAKAN JAVASCRIPT | BUKA TAB BARU DENGAN JAVASCRIPT | CARA PRINT DENGAN JAVASCRIPT | CARA PRINT DI JAVASCRIPT | CARA BUKA TAB BARU HALAMAN DI | HOW TO OPEN WINDOW IN JAVASCRIPT | JAVASCRIPT | OPEN TAB | OPEN NEW TAB | DENGAN JAVASCRIPT |


BACA JUGA :


SOURCE :
WWW.W3SCHOOLS.COM




Read More

, ,

      edit
Published December 15, 2020 by RIT with 0 comment

CARA MENAMPILKAN FOTO SETELAH UPLOAD FOTO DENGAN JQUERY

source logo : www.freebiesupply.com


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,


pada postingan kali ini mengenaicara menampilkan foto setelah memilih foto dengan menggunakan ajax Jquery, disaat user menekan tombol choose, maka user akan memilih foto user lalu menampilkan foto yang dipilih oleh user tersebut, fungsi nya adalah untuk mengethaui apakah sudah benar foto yang di upload user tersebut jika salah maka user bisa melakukan pemilihan foto lagi, Langsung saja :  

0 - download dulu plugin jquery di sini scroll hingga kebawah lalu tekan tombol download.
1 - letakkan jquery yg telah didownload folder dalam satu folder.
2 - buatlah file index.php
3 - copy script dibawah ini sesuaikan dengan file index.php

Dibawah ini adalah kodenya : 

<script type="text/javascript" src="jquery.js"></script>
 
<input type="file" onchange="pilih_foto(this);">
 
<img src="#" id="tampilkan_foto"/>
 
<script type="text/javascript">
 
     function pilih_foto(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
 
                reader.onload = function (e) {
                    $('#tampilkan_foto')
                        .attr('src', e.target.result)
                        .width(150)
                        .height(auto);
                };
 
                reader.readAsDataURL(input.files[0]);
            }
        }
 
</script>



Hasilnya akan seperti gambar di bawah ini :


Terima Kasih
Thank's

TAG TAGS :
upload and display pic | how to display after upload foto | preview image before upload using Jquery | how to select pic and preview in ajax jquery | how to upload and preview in ajax jquery | ow to upload and preview in ajax jquery | cara upload foto | cara menampilkan foto sebelum di upload | cara menampilkan foto setelah memilih foto


BACA JUGA :

SOURCE :
- https://stackoverflow.com/questions/12368910/html-display-image-after-selecting-filename
- http://jsbin.com/uboqu3/1/edit?html,js,output


Read More

, ,

      edit
Published November 26, 2020 by RIT with 0 comment

PINDAH HALAMAN MENGGUNAKAN JAVASCRIPT

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

direct page
source logo : https://www.freepnglogos.com

pada post kali ini, langsung koding akan berbagi mengenai cara pindah halaman menggunakan kode javascript, misalnya serperti user sudah klik tombol simpan maka akan diarahkan ke halaman index, bagaimana kode yang akan digunakan di javascript berikut :

yang pertama menggunakan kode href pada javascript : 

window.location.href = "www.langsungkoding.blogspot.com";


kode yang kedua bisa menggunakan kode replace pada javascript : 

window.location.replace("www.langsungkoding.blogspot.com");

Perbedaan href pada javascript dengan replace pada javascript yaitu pada kode replace untuk menghilangkan history pada halaman sebelumnya jadi misalkan saat user sedang melakukan insert data dengan menekan simpan dan program melakukan proses maka disaat proses telah dilakukan inilah peran replace berfungsi.

Yaitu dengan menghapus proses nya saat user menekan tombol back pada user, bisa saja dong user nya nakal hehehe dengan kembali ke halaman sebelumnya, contoh sederhana nya mengganti history browser saat ini dengan data history terbaru. jadi user tidak bisa kembali pada browser proses, atau halaman sebelumnya.

sedangkan href pada javascript saat user menekan tombol kembali pada browser, browser akan mengembalikan halaman sebelumnya.


bisa juga di modifikasi seperti kode javascript dibawah ini : 

<input type="submit"  onclick="re_page('www.langsungkoding.blogspot.com')" >

<script type="text/javascript">
 
    function re_page(url){
        window.location.replace(url);   
    }
 
</script>

Terima Kasih
Thank's


TAG TAGS :
CARA PINDAH HALAMAN PADA JAVASCRIPT | CARA PINDAH HALAMAN MENGGUNAKAN JAVASCRIPT | CARA PINDAH HALAMAN SETELAH PROSES SELESAI | PINDAH HALAMAN DENGAN JAVASCRIPT | CARA REDIRECT HALAMAN DENGAN JAVASCRIPT | CARA REDIRECT HALAMAN DI JAVASCRIPT | CARA REDIRECT HALAMAN DI | HOW TO REDIRECT PAGE IN JAVASCRIPT WITH OUT REFRESH | HOW TO REDIRECT PAGE IN JAVASCRIPT ON PAGE LOAD | HOW TO REDIRECT PAGE IN JAVASCRIPT WITH DATA | HOW TO REDIRECT SAME PAGE IN JAVASCRIPT | JAVASCRIPT | REDIRECT PAGE | REDIRECT HALAMAN | DENGAN JAVASCRIPT |


BACA JUGA :


SOURCE :
https://www.plajarikode.com/2020/05/redirect-ke-halaman-lain-dengan-php-javascript.html

https://alfredoeblog.wordpress.com/2012/07/12/mengalihkan-halaman-web-redirect-menggunakan-javascript/




Read More

, , , ,

      edit
Published April 18, 2020 by RIT with 0 comment

CARA MENGATASI halaman Confirm Form Resubmission DENGAN JAVASCRIPT


Assalamualaikum warohmatullohi wabarokatuh.
Wa alaikum salam warohmatullohi wabarokatuh.

Terima kasih telah berkunjung di media pembelajaran bahasa program online langsungkoding.blogspot.com , kali ini akan berbagi CARA MENGATASI halaman Confirm Form Resubmission DENGAN JAVASCRIPT.



sebelum itu mari ketahui dahulu apa penyebab munculnya halaman Confirm Form Resumission, halaman tersebut muncul karena tidak ada nya session, dimana disaat sebelumnya halaman tersebut (misalnya beranda.php yang mana user telah berhasil login).

Saya ulangi kembali saat session nya ada pada halaman tersebut. lalu saat user logout atau keluar dari halaman tersebut, session tellah terhapus (biasanya aturan login dan logut seprti itu).

Nah setelah logout user iseng atau sekedar mencoba menekan tombol back yg terdapat di kiri atas layar pada browser chrome, lalu akan muncul halaman Confirm Form Resubmission. nah bagaimana mengatasinya, kita akan menggunakan kode javascript berikut kodenya :

?
1
2
3
4
5
<script>
    if ( window.history.replaceState ) {
        window.history.replaceState( null, null, window.location.href );
    }
</script>

letakkan script diatas di bawah tag < / html > aatau bisa juga di atas tag < /html >

Thank's
Terima Kasih.

Tag :
confirm form resubmission | confirm form resubmission artinya | javascript| mengatasi confirm form resubmission |how to remove confirm form resubmission

Baca juga :

Read More

,

      edit
Published October 31, 2019 by RIT with 0 comment

CARA OPER ID PADA MODAL BOOTSTRAP

Assalamualaikum warohmatullohi wabarokatuh.
Wa alaikum salam warohmatullohi wabarokatuh.

Berikut adalah cara oper id pada modal bootstrap, sebelum melanjutkan membaca, diharapkan telah mengerti tentang
  • koneksi database pada php
  • memahami script js dan jQuery
  • fungsi pada require_once
baik langsung saja, berikut scriptnya.

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<?php 
require_once'../hefo/header.php'; //pada require_once adalah tempat menampung css js bootstrap dan jquery serta koneksi db
 ?>
 
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-success openBtn" data-id='36'>Open Modal</button>
 
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Modal with Dynamic Content</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
 
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
 
<script>
$('.openBtn').on('click',function(){
    var id_tugas = $(this).attr('data-id');
    $('.modal-body').load('modal.php?id='+id_tugas,function(){
        $('#myModal').modal({show:true});
    });
});
</script>

?
1
2
3
4
5
6
7
8
<?php 
require_once"../core/init.php";
$id_t = $_GET["id"];
$a = mysqli_fetch_array( jel_ed($id_t) );
?>
 
<input type='text' value='<?php echo $a['id_t'];  ?>' readonly>
<input type='text' value='<?php echo $a['knt_t'];  ?>' readonly>



Terima Kasih.
Thank's.

Tag :
CRUD MODAL PHP | MEMBUAT CRUD PHP DENGAN MODAL BOOTSTRAP | CARA MEMBUAT EDIT DENGAN MODAL BOOTSTRAP | CARA OPER DATA ID PADA MODAL BOOTSTRAP | HOW TO REMOTE MODAL IN ANOTHER PAGE | HOW TO REMOTE MODAL BOOTSTRAP ANOTHER PAGE

Baca Juga :

Read More

, , ,

      edit
Published June 30, 2019 by RIT with 0 comment

HOW TO INSERT AJAX IN PHP

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salama warohmatullohi wabarokatuh,

cara input data dengan ajax
how to insert ajax in php

1 - buatlah file index.php
2 - buat file lagi dengan nama create_proses.php
3 - copy script dibawah ini sesuaikan dengan file index.php dan create_proses.php

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<?php 
$koneksi = mysqli_connect('localhost','root','','test');
?>
<script type="text/javascript" src="jquery.js"></script>
 
<!-- form untuk menambah data -->
<form method='post' class='form-input'>
    <input type='text' name='nama' >
    <input type='submit' class='save' value='submit'>
</form>
 
<!-- script menampilkkan data -->
<?php 
$q  = 'SELECT * FROM tb_siswa';
$q2 = mysqli_query($koneksi, $q);
 
?>
 
<table border="1" >
    <tr bgcolor="yellow" align="center">
        <td>NAME</td>
    </tr>
 
<?php while ( $row = mysqli_fetch_array($q2)) { ?>
    <tr>
        <td><?php echo $row['nama']; ?></td>
    </tr>
<?php } ?>
 
</table>
 
<!-- script jquery ajax input data -->
<script type="text/javascript">
  $(document).ready(function(){
      $(".save").click(function(id){
        
           var data = $('.form-input').serialize();
           var notif = alert('insert success ... !!!');
        
            $.ajax({
              type: 'POST',
              url: "create_proses.php",
              cache: false,
              data: data,
              success: function(notif){
                  location.reload();
                }
            });
          });
      });
</script>

?
1
2
3
4
5
6
7
<?php 
require_once 'index.php';
$nama   = $_POST['nama'];
$query  = "INSERT INTO tb_siswa (nama) VALUES ('$nama')";
$query2 = mysqli_query($koneksi,$query);
return $query2;
 ?>



berikut adalah hasil dari script ajax php.


Terima Kasih
Thank's

TAG TAGS :
how to insert ajax php | cara input data dengan ajax | cara insert data dengan ajax php | cara menampilkan data tanpa refresh | input data ke database tanpa refresh | script sederhana crud ajax php | script simple crud ajax php | script crud php | script crud php ajax | download script ajax | scripts ajax jquery | script ajax jquery | how to insert ajax in php | how to insert ajax in html | script insert php ajax | how to insert ajax loader | how to insert data using ajax in php | how to insert using ajax in php | how to add ajax in php | PHP Ajax Scripts | Free PHP Ajax Scripts | PHP Ajax Downloads |


BACA JUGA :

Read More

, , , ,

      edit
Published June 22, 2019 by RIT with 0 comment

HOW TO SWITCH IN MATERIALIZE ?


assalamualaikum, warohmatullohi wabarokatuh.
wa alaikum salam warohmatullohi wabarokatuh.

bagaimana cara menggunakan switch pada materialize?
how to checked in materialized by id ?

berikut kodenya :
this is code :


  
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
 
<form name="formnya">
 
<p id="public">d</p>   
 
  <div class="switch">
    <label>
      Draft
      <input type="checkbox" name='post_type' id="d">
      <span class="lever"></span>
      publish
    </label>
  </div>
 
</form>
 
<script type="text/javascript">
 
    if ($('#d').prop('checked')== true){
        alert("anda memilih public");
    }else if ($('#d').prop('checked')==false){
        alert('tersimpan draft');
    }
 
</script>
 

  
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

<form name="formnya">

<p id="public">d</p>    

  <div class="switch">
    <label>
      Draft
      <input type="checkbox" name='post_type' id="d">
      <span class="lever"></span>
      publish
    </label>
  </div>

</form>

<script type="text/javascript">

    if ($('#d').prop('checked')== true){
        alert("anda memilih public");
    }else if ($('#d').prop('checked')==false){
        alert('tersimpan draft');
    }

</script>

pada baris 12 setelah atribut kamu bisa menambahkan script checked dan
setelah mengetahui hasilnya coba kamu hapus script checked nya untuk mengetahui hasilnya.

Terima Kasih
 Thanks

TAG TAGS :
Jquery || how to if in jquery || cara if checked dengan jquery || materialize || cara checked menggunakan materialize || if condition checked redirect to index if condition not checked redirect to page different
Read More

, ,

      edit
Subscribe to: Posts (Atom)