在HTML中如何用JavaScript判断复选框checkbox是否被选中

在HTML中如何用JavaScript判断复选框checkbox是否被选中,第1张

js判断复选框是否选中

[html] view plain copy

<!doctype html>  

<html lang="cn">  

 <head>  

 <meta >}

参考资料

CSDNCSDN[引用时间2018-1-20]

1、获取对象 documentgetElementById()

2、根据获取的对象取得checkbox的值 documentgetElementById()value;

这个你可以在设计模板的时候,给checkbox添加一个onclick事件,如:

<asp:CheckBox ID= "chkItem1" runat= "server" onclick= "if(thischecked) chgText(getRowValue(this))"/>

下面是js脚本代码:

<script type = "text/javascript ">

function getRowValue(sender)

{//如果想在按钮里判断,可以取消注释的if语句,然后用getelementbyid获得checkbox控件组,用for循环遍历每个控件

//if(senderchecked){

var tblRow = senderparentNodeparentNode;

return tblRowcells[1]innerText; //具体要哪列的,自己去修改

//}

}

function chgText(text)

{

var objtext = documentgetElementById("Text1");

objtextvalue = objtextvalue + text + ",";

}

</script>

两种实现方法一个是把值送过去,一个是自己来取值。

第一种方法:

A页面:

<form id="t6" name="t6" method="post" action="">

<input type="checkbox" name="aa" value="1">1

<input type="checkbox" name="aa" value="2">2

<input type="checkbox" name="aa" value="3">3

<input type="checkbox" name="aa" value="4">4<br>

<input type="button" value="提交" onClick="fun3()">

</form>

js:

function fun3(){

var checkBox = documentt6aa;

var msg = "";

for(var i=0;i<checkBoxlength;i++){

if(checkBox[i]checked){

msg += checkBox[i]value + "|";

}

}

if(msg != ""){

msg = msgsubstring(0,msglength-1);

}

documentt6action = "Untitled-4htmlmsg="+msg;

documentt6submit();

}

B页面:

<body>

<button onClick="show_popup()">查看</button>

</body>

js:

function show_popup(){

var str = documentlocationsearchsubstring(1);

var params = strsplit("|");

alert(params);

}

第二种方法:

在你提交的form里用target="_blank"将B页面在一个新窗口中打开

然后b页面可以通过openerdocumentt6aa回到他的父页面来取值,具体代码不写了,思路就是这样的。

以上就是关于在HTML中如何用JavaScript判断复选框checkbox是否被选中全部的内容,包括:在HTML中如何用JavaScript判断复选框checkbox是否被选中、js点击事件怎么获取checkbox的值、js 取checkbox选中的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9817168.html

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

发表评论

登录后才能评论

评论列表(0条)

保存