jsp实现checkbox选择
贴起来 每次写麻烦
<td colspan="4">
@Html.Hidden("hidcuidlist")
<input type="hidden" style="border: 0px; width: 300px" id="hidcuidnamelist" value="" />
</td>
</tr>
</table>
<table>
<tr>
<td>
<input id='CK' type='checkbox' onclick='CheckAll(this)' />
</td>
<td>
全部
</td>
</tr>
<tr>
@foreach (var item in Model)
{
<td>
<input type="checkbox" name="cks" id="@item.CID" title="@item.ChannelName" onclick="SetCUText();"/>
</td>
<td>
@item.ChannelName
</td>
}
</tr>
</table>
js代码:
<script type="text/javascript">
function Validatetonum(value) {
return value.replace(/[^\d|^\.]/g, ''); ;
}
//CheckAll全选
function CheckAll(obj) {
var items = document.getElementsByTagName("input");
for (var i = 0; i < items.length; i++) {
if (items[i].type == "checkbox" && items[i].name == "cks")
{ items[i].checked = obj.checked; }
}
SetCUText();
}
//CheckAll全选
function SetCUText() {
var checkboxs = document.getElementsByName("cks");
if (checkboxs[0] == undefined) {
alert("无选中数据!"); // 判断是否已有数据
} else {
var temp = 0; // 判断是否有选中项目
var Keys = "";
var names = "";
for (var i = 0; i < checkboxs.length; i++) {
if (checkboxs[i].checked == true) {
temp++;
var str = checkboxs[i].id;
var strnames = checkboxs[i].title;
Keys += str + ",";
names += strnames + ",";
}
}
document.getElementById("hidcuidlist").value = Keys;
document.getElementById("hidcuidnamelist").value = names;
}
}
</script>