checkbox 与JS的应用

2014-11-24 08:05:00 · 作者: · 浏览: 0

JS是一种基于(面向)对象的语言。所有的东西都基本上是对象。

基于对象和面向对象概念上基本上没有什么区别。

js没有类,它把类功能称为原型对象。是同一个概念。主要是因为js没有class关键字。类==原型对象。

js对象的属性可以动态的添加,是动态语言的表现。


废话不多说:

首先为checkbox 添加全选,全不选功能,然后需要把用户点到的checkbox记录下来,并且把复选框的VALUE值传送给php控制器,但是怎样才能获取这些checkbox里面的值呢?


全选:
SKUID 商品ID 促销ID 标题 卖点 活动开始时间 活动结束时间
链接 图片 市场价 保留字段1 保留字段2 保留字段3

下面这段代码为checkbox 添加全选,全不选功能:

<script type="text/java script" src="/jquery.js">
<script type="text/java script">
$(function() {// 全选,全不选
  $("#checkAll").click(function() {
	  var flag = $(this).attr("checked") === true  true: false;
	  $(".ids").attr("checked", flag);
	  });
	  $(".ids").click(function(){var flag = $(this).attr("checked") === true  true: false;
	 });
 });


下面通过这段JS代码获取checkbox 里面的值:

<script type="text/java script">
var num_field = [];                   //定义一个数组
$("#btn").live('click',function(){    //为提交按钮添加一个点击事件
	$("input[name=checkboxes]:checked").each(function(){   //获取复选框name为checkboxes的元素
		if($(this).attr("checked")){                       //设置被选中元素的属性为checked
			num_field.push( ($(this).val()) );             //并把值都放到数组里 
		}									   
	});
   /* for(var i=0;i
  
   
下面这段代码为把得到的数据传到php控制中:

<script type="text/java script"> 
$("#btn").click(function(){ 
    $.get("url-----------/", //传送url地址
	 {num_filed:num_filed}, //要传送的数据 
	 function(data){ 
	 //alert(data); 
	 if(data==2){ 
	 alert("传送成功"); 
	 }else{
	 alert("请检查,有错误"); 
	 }
	 }); 
});


好吧!checkbox与js的应用就讲到这里吧!