`
dcdc723
  • 浏览: 187351 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery 操作复选框 取值

    博客分类:
  • PHP
阅读更多
<?
//引入类
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="../js/jquery.js"></script>
<script>
function sel_all(checked){ 
var check_obj = $("input[@name='messageid[]']"); 
for(var i=0; i<check_obj.length;i++){ 
if(checked){ 
check_obj.get(i).checked = true; 
}else{ 
check_obj.get(i).checked = false; 
} 
} 
return; 
} 
function rev_sel(){ 
var check_obj = $("input[name='messageid[]']"); 
for(var i=0; i<check_obj.length;i++){ 
check_obj.get(i).checked = ! check_obj.get(i).checked; 
} 
return; 
} 
function count_sel(){ 
var checked_num = $("input[name='messageid[]']:checked").length; 
if(checked_num == 0){ 
alert('请至少选择一项吧!'); 
return; 
} 
}

//取值
function del(){
	var aa='';
$("input[@name='messageid[]']").each(function() { 
 if(this.checked){ 
 aa+=this.value+"|"; 
 } 
}); 
alert(aa);
}

</script>
<style>
body{font-size:12px;}

</style>

</head>

<body>
<div id="app_header"> <strong><a href="http://app.iteye.com/messages">我的短信</a></strong> <img src="http://app.iteye.com/images/icon_plus.gif" alt="" /> <a href="http://app.iteye.com/messages/new">发送新的站内短信</a></div>
<div>
  <ul id="main_nav">
    <li><a href="http://app.iteye.com/messages">收件箱</a></li>
    <li><a href="http://app.iteye.com/messages/sent">发件箱</a></li>
    <li><a href="http://app.iteye.com/messages/store">收藏箱</a></li>
    <li><a href="http://app.iteye.com/messages/trash">垃圾箱</a></li>
  </ul>
</div>
<form action=""  method="post">

  <table>
    <thead>
      <tr>
        <td width="60">选择</td>
        <td>标题</td>
        <td width="100">发件人</td>
        <td width="80">发送时间</td>
      </tr>
    </thead>
    <tbody>
    <?
	  /*
查询出数据
*/
	while($data=mysql_fetch_array($query))
	{	?>
    
      <tr >
        <td><input id="messageid[]" name="messageid[]" value="<?=$data['tip_id']?>" type="checkbox" /></td>
        <td><a href="#"><DIV STYLE="width:400px;overflow:hidden;text-overflow:ellipsis"> 
<NOBR><?=$title?></NOBR> 
</DIV></a></td>
        <td><a href="#" target="_blank"><?
      ////查询数据
		echo $sendquery[‘*'];
		?></a></td>
        <td><?=$data['*']?></td>
      </tr>
     <?
	}
	 ?> 
      
     
     
     
<tr height="40">
        <td>&nbsp;</td>
        <td colspan="3">
          <input name="dest" id="dest" type="submit" value='删除'/>    <a href="javascript:sel_all(1)">全选</a> <a href="javascript:sel_all(0)">全不选</a> <a href="javascript:rev_sel()">反选</a>
         </td>
      </tr>
    </tbody>
  </table>
</form>
<?
if($_SERVER['REQUEST_METHOD']=='POST')
{
	  $id=$_POST['messageid'];
	  if(count($id)>0)
	  {
		  foreach($id as $k=>$v)
		  {
		//取得获得的ID	 
echo $v.'<br/>';
			  if($delact)
			  {
				 echo "<script>alert('删除成功');location.href('usermessage.php');</script>";
			  }
			  else
			  { echo "<script>alert('删除失败');location.href('usermessage.php');</script>";}
		 }
		  }
	print_r($id);
}
?>
</body>
</html>

 

1
2
分享到:
评论

相关推荐

    jquery动态复选框取值

    在本主题中,我们将深入探讨如何在jQuery中处理动态生成的复选框,并获取它们的值。复选框是HTML表单中常见的一种元素,用于让用户选择一个或多个选项。 一、jQuery基本概念 jQuery通过一个简洁的语法,让...

    jquery moblie 复选框取值

    在jQuery Mobile中,处理复选框(checkbox)的值是常见的需求,特别是在表单提交或者数据交互时。本篇文章将详细探讨如何在jQuery Mobile中获取复选框的值。 首先,让我们了解一下HTML中的复选框元素。复选框通常...

    jquery 复选框组件

    **jQuery 复选框组件详解** 在Web开发中,复选框(Checkbox)是一种常见的用户交互元素,用于让用户从多个选项中选择一个或多个。jQuery,作为一款强大的JavaScript库,提供了丰富的插件和方法来增强复选框的功能和...

    form表单复选框取值

    1. **复选框取值** 复选框在HTML中通常使用`&lt;input type="checkbox" /&gt;`标签表示,可以通过设置`name`属性将多个复选框归为一组。在JS中,我们可以使用jQuery库来方便地获取选中的复选框的值。例如,通过`$('input...

    jquery获取复选框checkbox的值的简单实现方法

    使用jQuery库可以方便地实现这一功能,尤其是当我们需要对一组具有相同名称的复选框进行操作时。jQuery提供了一些选择器和方法,可以简化这类任务的实现。 首先,了解文档对象模型(DOM)中复选框的数据结构是十分...

    jQuery操作复选框(CheckBox)的取值赋值实现代码

    综上所述,jQuery提供了多种方法来操作复选框,包括获取选中值、设置选中状态、删除复选框、遍历复选框以及批量操作复选框的选中状态。掌握这些方法对提升前端开发效率和用户体验都有很大的帮助。在实际开发过程中,...

    layui-table表复选框勾选的所有行数据获取的例子

    在进行网页开发时,常常需要对表格中的数据进行交互操作,其中一个常见的需求是获取用户通过复选框勾选的行数据。本文将详细介绍如何使用layui框架中的layui-table组件来实现复选框勾选的所有行数据的获取。 ### ...

    jquery复选框多选赋值给文本框的方法

    在jQuery中,将复选框的多选值赋值给文本框是一种常见的需求,尤其在数据输入或表单处理的场景下。以下是如何通过jQuery实现这个功能的具体步骤和相关知识点: 1. **HTML结构**: 首先,我们需要创建一个包含复选...

    Jquery 复选框取值兼容FF和IE8(测试有效)

    描述中提到,虽然网上有关于Jquery复选框取值的文章众多,但是能同时兼容Firefox和IE8的并不多,说明这个问题在实际开发中较为常见,且解决起来有一定挑战性。 标签“Jquery 复选框取值”直接指明了文章讨论的主题...

    JS下拉复选框,带过滤功能 .(附数据库取值)

    在JavaScript编程中,下拉复选框是一种常见的用户界面元素,它允许用户在多个选项中进行选择,并且通常带有搜索或过滤功能以提高用户体验。在本项目中,我们看到一个结合了Bootstrap框架和数据库交互的下拉菜单实现...

    单选按钮和复选框按钮

    在IT界,尤其是在软件开发和用户界面设计中,单选按钮(Radio Button)和复选框(Checkbox)是两种常见的控件,它们用于收集用户的输入信息。这两种控件在网页、桌面应用程序和移动应用中广泛使用,为用户提供了一种...

    jquery操作表单案例

    本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...

    table中checkbox取值

    HTML 中的 `&lt;input type="checkbox"&gt;` 用于创建复选框,我们可以为每个复选框设置唯一的 `id` 和 `name` 属性,以便于后续的 JavaScript 或者 jQuery 代码识别和操作。同时,可以使用 `&lt;td&gt;` 和 `&lt;tr&gt;` 标签来构建...

    jquery下checked取值问题的解决方法

    在使用jQuery操作复选框(checkbox)时,有时会出现取值问题,尤其当页面在提交数据到后台并返回时,复选框的选中状态可能不会正确反映。在jQuery的不同版本之间,处理checked属性的方式可能存在差异,这也会导致...

    jquery表单元素取值

    本文将详细介绍如何使用jQuery来获取表单中的不同元素(如下拉列表、单选按钮、复选框等)的值。 #### 二、基础概念 在深入探讨具体实现之前,先了解一些基础概念: - **选择器**:jQuery提供了一种灵活的方式来...

    jQuery对表单元素的取值和赋值操作代码

    4. **复选框(Checkbox)的取值**: - 获取复选框的值:`var checkboxval = $("#checkbox_id").attr("value")`。 5. **下拉列表(Select)的取值**: - 获取下拉列表的值:`var selectval = $('#select_id').val...

Global site tag (gtag.js) - Google Analytics