jquery全选checkbox和获取checkbox、select的值value_queryselector获取所有checkbox的value值-优快云博客

本文介绍了一个使用jQuery实现的批量选择与更新ROM的脚本案例。该脚本通过前端JavaScript实现了全选功能及批量添加ROM操作，并通过PHP后端进行数据库更新。详细介绍了前端如何收集已选中项并发送请求，以及后端如何处理这些请求来更新数据库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
$(document).ready(function(){

	$("#checkboxall").click(function(){  

		 if($('#checkboxall').is(':checked'))
		 {
			  $("input[name='allid']").each(function(){
			   $(this).attr("checked",true);
			  });  
		 }
		else
		{
			  $("input[name='allid']").each(function(){
			   $(this).attr("checked",false);
			  });  
		}
	 });
	

	$("#romadd").click(function(){  

		var idlist = '';
		var romid = '';
			
		  $('input[name="allid"]:checked').each(function(){ 
			idlist+=$(this).val()+','; 
		  }); 
		  idlist = idlist.substring(0,idlist.length-1);
		
		romid= $("#select_romid option:selected").val();
		
		if(idlist =='')
		{
			alert('请勾选需要操作的id!');
			return;
		}
		if(romid ==0)
		{
			alert('请选择rr!');
			return;
		}
		
		
		$.get("/vlc/vlcmarket//admin/app/main/update_rom", { idlist: idlist, romid: romid },
		  function(data){
			//alert("Data Loaded: " + data);
			alert('添加成功');
			console.log(data);
		  });
		
		
		
	 });



});



</script>






<input type="checkbox" id="checkboxall">全选
【<span id="romadd">批量添加rom</span>】





<input type="checkbox" value="60" name = "allid">60
<input type="checkbox" value="59 name = "allid">59






//php端
<?php

	function action_update_rom()
	{
		$id_list = Arr::get($_GET, 'idlist', 0);
		$romid = Arr::get($_GET, 'romid', 0);
		if(!$id_list || !$romid) 
		{
			echo '数据为空！！';

			return false;
		}

		//echo $id_list.'--'.$romid.'===<br>';

		$id_data = explode(',', $id_list);
		
		$sql 	= "UPDATE pp SET 
					roms = concat(roms,',".$romid."') 
					WHERE id in (".$id_list.") 
					AND  roms not like '%".$romid."' 
					AND  roms not like '".$romid."%' 
					AND  roms not like '%".$romid."%' 
					;
					";
		//echo $sql;
		
		DB::query('update', $sql)->execute();
		echo '添加成功！';
		
	}