Jsp分页显示的数据,如何实现翻页支持复选框多选或者全选?

Jsp分页显示的数据,如何实现翻页支持复选框多选或者全选?,第1张

复选框的选中状态是不是根据字段判断的?如果不是那很难实现,如果是用ajax做就行了,checkbox添加一个onchange事件,选中或不选中都调用ajax改变数据库里的字段状态,页面一加载就用<s:if判断这个字段状态,设置checkbox是否选中。

<table id="table" width="393" border="1" height="37"> <tr> <td width="44"><input type="checkbox" name="ck" id="ck" value="0" onclick="if(thischecked==true) { checkAll('test'); } else { clearAll('test'); }"/>全选</td> <td align="center" width="238">名称</td></tr><%List list==(List)requestgetParameter("list");;if(list!=null){for (int i=0;i<listsize();i++){Vo vo=new Vo(); //保存数据的对象vo=(Vo)listget(i);%><tr><td><input type="checkbox" name="ck" id="ck" value="<%=vogetId() %>"></td><td><%=vogetName() %></td></tr><%}}%></table>

你好。
可以这样写:
<checkbox name="tool" value="汽车" />;
<checkbox name="tool" value="火车" />;
<checkbox name="tool" value="飞机" />;
之后要得到选择的内容只要写:
String[] XXX = requestgetParameters("tool");
这个String数组里存的就是用户选择的内容。
希望对你有所帮助。

使用JSP页面代码:

代码如下:

<table>

<tr>

<td width="400px" align="left">入学批次:<SELECT NAME="grade"

id="grade" onchange="refreshEduLevelAndSpecialAjax();">  //选择入学批次会刷新层次和专业

<OPTION VALUE="0">

--请选择--

<c:forEach items="${gradeInfo}" var="gradeInfo">

<OPTION VALUE="${gradeInfogradeName}">${gradeInfogradeName}

</c:forEach>

</SELECT></td>

<td width="400px" align="left">统考课程:<SELECT

NAME="uniExamCourseId" id="uniExamCourseId">

<OPTION VALUE="0">

--请选择--

<c:forEach items="${unifiedExamCourseList}" var="uniExamCourse">

<OPTION VALUE="${uniExamCourseid}">${uniExamCourseuniExamCourseName}

</c:forEach>

</SELECT></td>

</tr>

<tr>

<td colspan="2" id="refreshEduLevelAndSpecialAjax">    //设置ID,用于填充层次和专业的下拉框

<table>

<tr>

<td width="400" align="left">层       次:<SELECT

NAME="eduLevelId" id="eduLevelId"

onchange="refreshSpecialAjax();">    //选择层次后刷新专业

<OPTION VALUE="0">--请选择--</OPTION>

<c:forEach items="${educationLevel}" var="educationLevel">

<OPTION VALUE="${educationLevelid}">${educationLeveleducationLevelName}

</c:forEach>

</SELECT></td>

<td width="400" align="left" id="refreshSpecialAjax">专        业:<SELECT            //设置ID,用于填充专业的下拉框

NAME="specialId" id="specialId">

<OPTION VALUE="0">--请选择--</OPTION>

<c:forEach items="${specialList}" var="special">

<OPTION VALUE="${specialid}">${specialspecialName}

</c:forEach>

</SELECT></td>

</tr>

</table>

</td>

</tr>

</table>

修改跟删除一c个a道理的, 如果你用一f些当前页面编辑的工b具,可以3直接在表格中7修改,如dorado,不c过这个k比2较复杂了v,一e般的做法是点击修改,跳转到另一e个y页面,比4如edit。jsp,跳转的时候把id传过来,在edit。jsp里查出id这条数据到页面,当然是一e个bform里就像你新增数据一o样,只不p过是有原先的数据显示3,,然后都一v样了qoて哗w{gynh╚lcⅷ◇cⅷ◇qk鼎

<input
type=button
value="按钮"
id="btn"
name="btn"
disabled>
<input
type=checkbox
value="
复选框
"
id="fxk"
name="fxk"
onClick="change()">
<script>
function
change(){
var
fxk
=
document
getElementById
("fxk");
var
btn
=
documentgetElementById("btn");
fxkchecked==falsebtndisabled=true:btndisabled=false;
}
</script>

你的实现太负责了,给你个简单的实现
<a href="javascript:check(true)">全选</a> <a href="javascript:check(false)">反选</a>
function check(bvalue)
{

var checkall = documentgetElementsByName("isCheckbox");//
for(var i=0;i<checkalllength;i++)
{
if(checkall[i]type=="checkbox")
{
checkall[i]checked=bvalue;
}
}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/10538821.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-09
下一篇 2023-05-09

发表评论

登录后才能评论

评论列表(0条)

保存