js怎么获取checkbox的值并传到action那

js怎么获取checkbox的值并传到action那,第1张

<script language="javascript">
function show(){
var che=documentgetElementsByName("checkbox");
for(var i=0;i<chelength;i++){
if(che[i]checked){
alert(che[i]value);
}
}
}
</script>这是获取到多个复选框时被选中的值,你试试

首先使用复选框绑定每行数据的ID 这样你就会获得了 然后根据这个ID查数据就好了
给你段代码
我的这段代码 是实现批量 *** 作的 和你要实现的差不多
function che() {
var checks = windowdocumentgetElementById("cheks");
if (checkschecked == true) {
chAll();
}
else
RemoveAll();
}
function chAll() {
var selobj = documentgetElementsByName("chek");
for (var i = 0; i < selobjlength; i++) {
selobj[i]checked = true;
}
}
function RemoveAll() {
var selobj = documentgetElementsByName("chek");
for (var i = 0; i < selobjlength; i++) {
selobj[i]checked = false;
}
}
function delectAll(id) {
var items = "";
var selobj = documentgetElementsByName("chek");
for (var i = 0; i < selobjlength; i++) {
if (selobj[i]checked == true) {
items = items + selobj[i]value + ",";
}
}
debugger;
if (itemslength <= 0) {
alert("请选择要退寝的人员!!!");
return false;
}
else {
if (id == "Batch") {
if (confirm("确定退寝吗?")) {
documentgetElementById("iditems")value = items;
return true;
}
}
return false;
}
}
这个是我的js
前台页面:
<asp:LinkButton ID="Batch" runat="server" Font-Underline="false"
OnClientClick='return delectAll(thisid)' CssClass="style" Font-Size="13px"
onclick="Batch_Click">批量退寝</asp:LinkButton>
<asp:HiddenField ID="iditems" runat="server" />//这是一个隐藏域:目的是存储所有选定的值
我用的是gridview控件
<asp:GridView ID="GridRoomOut" runat="server" AutoGenerateColumns="False" Width="100%"
AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging" PageSize="28"
Font-Size="13px" CellPadding="4" ForeColor="#333333" GridLines="None">
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
<Columns>
<asp:TemplateField >
<HeaderTemplate>
//这个是为了实现 全选 和反选的
<input name="cheks" id="cheks" type="checkbox" onclick="che()" />
</HeaderTemplate>
<ItemTemplate>
//这个是绑定数据的ID的
<input name="chek" id="chek" type="checkbox" value='<%#(ConvertToString( Eval("ID"))) %>' />
</ItemTemplate>
</asp:TemplateField>
在后台:
后台删除:
protected void Batch_Click(object sender, EventArgs e)
{
//接受前台隐藏域的值 也就是说前台选中chekbox所绑定的ID值
string idtems = RequestForm["iditems"]ToString()TrimEnd(',');
string time = DateTimeNowDateToShortDateString();
string[] ids = null;
if(idtems!="")
{
ids = idtemsSplit(',');
}
for (int i = 0; i < idsLength; i++)
{
int id = intParse(ids[i]ToString());
if (dalRoomOutUpdate(id,time) > 0)
{
continue;
}
}
ClientScriptRegisterStartupScript(GetType(), "", "alert('退寝成功!'); windowlocationhref = windowlocationhref;", true);
}
希望能帮到你

给那table加个ID为“table”
var rows = documentgetElementById("table")rows;
for(var i=0;i<rowslength;i++){
if(rows[i]cells[2]firstChildchecked||rows[i]cells[3]firstChildchecked||rows[i]cells[4]firstChildchecked){
var str = rows[i]cells[0]innerHTML+" "+rows[i]cells[1]innerHTML;
if(rows[i]cells[2]firstChildchecked)
str += " "+1;
else
str += " "+0;
if(rows[i]cells[3]firstChildchecked)
str += " "+1;
else
str += " "+0;
if(rows[i]cells[4]firstChildchecked)
str += " "+1;
else
str += " "+0;

alert(str);//打印出如:abc abc 1 0 1之类的语句,如果那行一个都没有选则不打印
}
}

1、获取复选框被选中值

<input type="button" id="btn5" value="获得选中的所有值">
<input type="text" name="dd" id="dd" size="50" />

$("#btn5")click(function(){
var str="";
$("[name='checkbox'][checked]")each(function(){
str+=$(this)val()+",";
})
$("#dd")val(str)
})
JQuery获取被选中复选框checkbox的个数
通过jQuery获取checkbox选中项的个数,需要用到jQuery的size()方法或length属性,下面的例子是通过length属性获得checkbox选中项的个数

<ul>

<li><input type="checkbox" name="test" />看电视</li>

<li><input type="checkbox" name="test" />看**</li>

<li><input type="checkbox" name="test" />上网</li>

<li><input type="checkbox" name="test" />爬山</li>

<li><input type="checkbox" name="test" />游乐场</li>

<li><input type="checkbox" name="test" />逛街</li>

<li><input type="checkbox" name="test" />聚会</li>

</ul>

<p>

<input type="button" id="count" value="有多少CheckBox被选中了?" />

<script type="text/javascript">

$(document)ready(function(){

$('input[type=checkbox]')click(function(){

$(this)attr('disabled','disabled');

if($("input[name='test']:checked")length >= 3)

{ $("input[name='test']")attr('disabled','disabled');}});

$("#count")click(function(){$('input')live('click',function(){    

alert($('input:checked')length);

});})})

</script>

效果如图:

扩展资料:

JS日常用途

嵌入动态文本于HTML页面。

对浏览器事件做出响应。

读写HTML元素。

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。

控制cookies,包括创建和修改等。

基于Nodejs技术进行服务器端编程。


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

原文地址: http://outofmemory.cn/yw/13372059.html

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

发表评论

登录后才能评论

评论列表(0条)

保存