解决方案 »
- ext中无法JSon解析数据,不知道原因所在
- 用URLEncoder时,Eclipse给出...URLEncoder is deprecated警告
- 如何用javascript写出像qq那样可以自动伸缩的窗口
- 紧急呀! 有用过TaskMenu3.0的进来下啊~~~~~~~~~~~~~~~~
- 请问在javascript里面,在电击关闭按钮时触发什么事件啊?
- 如何实现下拉框中包含复选框?
- 有关日期的判断
- 如何使<input type=text readonly=true>改成readonly=false
- 请一个语法的问题?
- js中数组和对象有啥区别?
- RadioButton控制一列的TextBox禁用或者启用,如图:
- (function(){}()) 和 (function(){})() 的区别
alert(this.value);
});
$(":checkbox").click(function(){
alert($(this).val());
});
$(":checked").click(function(){//被选中项使用:checked
alert($(this).val());
});
$(":checked").click(function(){//被选中项使用:checked
alert($(this).val());
});
没用啊,$(":checked")不能这样用把
$(":checked").click(function(){//被选中项使用:checked
alert($(this).val());
});
没用啊,$(":checked")不能这样用把
可以用的
<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>用户表 </title>
<script type="text/javascript" src="../comm/jquery/jquery.js"></script>
<script>
var data=" ";
var judge;
$(document).ready(function(){
function query(temp){
$.ajax({
type: "GET",
url: "bms/getAllList.action",
data:{condition:temp},
success: function(date){
data=eval('('+date+')');
var test="<table border='1' cellpadding='10' > <tr bgColor='#3366CC'><td><input type='checkbox'/></td><td>序号</td><td>学号</td><td>密码</td><td>姓名</td><td>性别</td><td>生日</td><td>号码</td><td>邮箱</td></tr>";
for(var i=0;i<data.totalCount;i++){
for(var j=0;j<8;j++)
data.list[i][j]=(data.list[i][j]==null) ? "" : data.list[i][j];
test+="<tr><td><input type='checkbox' value='"+data.list[i][0]+"'/></td><td>"+(i+1)+"</td>";
test+="<td id='"+i+"'>"+data.list[i][1]+"</td>";
test+="<td>"+data.list[i][2]+"</td>";
test+="<td>"+data.list[i][3]+"</td>";
test+="<td>"+((data.list[i][4]==0) ? "男" : "女")+"</td>";
test+="<td>"+data.list[i][5]+"</td>";
test+="<td>"+data.list[i][6]+"</td>";
test+="<td>"+data.list[i][7]+"</td></tr>";
}
test+="</table>";
$("#show").html(test);
}
});
}
query(null);
$("#add").click(function(){
//alert( $(":checked").val() );
judge="add";
//$(":checkbox").removeAttr("checked");
window.open ('page.jsp','newwindow','height=550,width=400,top=200,left=500,toolbar=no,menubar=no,scrollbars=no, resizable=yes,location=no, status=no') ;
});
$("#update").click(function(){
//alert( $(":checked").val() );
if($(":checked").length==0){
alert("请选择一条数据");
return;
}
judge="update";
window.open ('page.jsp','newwindow','modal=yes,height=550,width=400,top=200,left=500,toolbar=no,menubar=no,scrollbars=no, resizable=yes,location=no, status=no','') ;
});
$("#del").click(function(){
if($(":checked").length==0){
alert("请选择一条数据");
return;
}
if(confirm("确认删除?")){
$.post("bms/dele.action",
{
idd:$(":checked").val()
},
function(data,status){
alert("删除成功");
query(null);
});
}
});
$("#query").click(function(){
query($("#temp").val());
});
$(":checkbox").click(function(){
alert("123");
});
});
</script>
</head>
<body><input type="button" id="add" value="增加">
<input type="button" id="update" value="修改">
<input type="button" id="del" value="删除">
模糊查询:<input type="text" id="temp" size="15"> <input type="button" id="query" value="查询"><br>
<p id="show"></p><br>
</body>
</html>可以创建出表格来,求怎么选中
如果复选框出现在 open 打开的窗口中,那么请在窗口页中控制
从后台创建的表格,有个query(null)函数,每一行都有checkbox的
alert("123");
});或者$(":checkbox").on('click',function(){
alert("123");
});
test+="</table>";
$("#show").html(test); $(":checkbox").click(function(){
alert("123");
});
如果数据的加载是点击按钮后动态加载到 id="show" 控件的,那么要参考 #12 的代码