http://www.ayazoglu.org/2013/10/jquery-ile-toplu-secme-islemi-toplu.html
Konusunda jquery ile toplu checked işlemininden elde edilen bir dizinin alınması ve veritabanına kayıt edilmesini anlattık. Olay basittir.
Video içeriğindeki kaynak kodlar :
<?php
## Ayna.Pro
## NM
/*
Evet Arkadaslar bir yazımda konu ile ilgili döküma paylaşacağımı yazmışım, arkadasın hatırlatması üzerine konu ile ilgili bir video çekeyim dedim :)
Şimdi jquery ile toplu checkbox işlemini php ve mysql ilişkili yapalım. Konuya özet geçmek gerekirse,
hepsini seç veya bazılarını seçip mysql e kayıt edeceğiz..
Şimdi bu verileri buraya mysql den nasıl cekeceğinizi anlatmıyorum :)
[] Bu şekilde zaten array olduğunu belirtmiş olduk tekrarında bir kez daha array olarak belirtmemize gerek yok
verileri basitce aldık.
Şimdi mysql bağlantısı yapıp query ile ekleyelim.
Olay basittir :)
Sağlıcakla Esen Kalın.
*/
if($_POST){
mysql_connect("localhost","root","123654")or die("hata");
mysql_select_db("ders");
$kat = $_POST['kategoriler'];
foreach($kat as $kategori){
$ekle = mysql_query("insert into veri(veri)values('$kategori')");
if($ekle){
echo "Eklendi. ".$kategori."<br>";
}
}
}
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(".tumunu-sec").click(function(){
$(this).closest('table').find(':checkbox').attr('checked', this.checked);
});
});
</script>
<form action="" method="post">
<table id="tablo"><thead>
<tr><th width="20px"><input type="checkbox" class="tumunu-sec" title="Tümünü Seç"></th>
<th>Kategoriler</th></tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" name="kategoriler[]" value="PHP"></td>
<td>Php</td>
</tr>
<tr>
<td><input type="checkbox" name="kategoriler[]" value="MYSQL"></td>
<td>Mysql</td>
</tr>
<tr>
<td><input type="checkbox" name="kategoriler[]" value="HTML"></td>
<td>Html</td>
</tr>
<tr>
<td><input type="checkbox" name="kategoriler[]" value="CSS"></td>
<td>Css</td>
</tr>
<tr>
<td><input type="checkbox" name="kategoriler[]" value="JQUERY"></td>
<td>Jquery</td>
</tr>
</tbody>
</table>
<input type="submit" value="Kaydet">
</form>
Hiç yorum yok:
Yorum Gönder