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的应用就讲到这里吧!