如何获取选中checkbox值

如何获取选中checkbox值,第1张

protected void Page_Load(object sender, EventArgs e)

{

CheckBox chk = new CheckBox();

chkText = "testall"; // 这里可以换成数据库的内容

chkCheckedChanged += new EventHandler(chk_CheckedChanged);

chkAutoPostBack = true;

PageFormControlsAdd(chk);

for (int i = 0; i < 10; i++)

{

CheckBox chk2 = new CheckBox();

chk2Text = "test" + iToString(); // 这里可以换成数据库的内容

chk2Checked = (i % 3 == 0); // 这里可以换成数据库的内容

PageFormControlsAdd(chk2);

}

}

void chk_CheckedChanged(object sender, EventArgs e)

{

CheckBox all = sender as CheckBox;

foreach(Control ctl in PageFormControls)

{

if (ctl is CheckBox)

{

CheckBox chk = ctl as CheckBox;

chkChecked = allChecked;

}

}

}

在实际应用中,偶尔会用到复选框checkbox的值,那么如何获取它的值呢?本文接下来会介绍使用js获取复选框值,需要的朋友可以了解下

<script>

function checkbox()

{

var str=documentgetElementsByName("box");

var objarray=strlength;

var chestr="";

for (i=0;i<objarray;i++)

{//欢迎来到脚本之家,很好记,脚本之家,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。

if(str[i]checked == true)

{

chestr+=str[i]value+",";

}

}//欢迎来到脚本之家,很好记,脚本之家,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。

if(chestr == "")

{

alert("请先选择一个爱好~!");

}

else

{

alert("您先择的是:"+chestr);

}

}

</script>

<a href="<#ZC_BLOG_HOST#>">脚本之家</a>,站长必备的高质量网页特效和广告代码。zzjsnet,站长js特效。<hr>

<!--欢迎来到脚本之家-->

选择您的爱好:

<input type="checkbox" name="box" id="box1" value="跳水" />跳水

<input type="checkbox" name="box" id="box2" value="跑步" />跑步

<input type="checkbox" name="box" id="box3" value="听音乐" />听音乐

<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

大体思路就是把你要的checkbox的元素遍历一下,然后取当前的value值,要使用jq内置的val()方法,代码如下:

<form onsubmit="return false;">

<input type="checkbox" value="三人行慕课1(3mooccom)" name="check">三人行慕课1</input>

<input type="checkbox" value="三人行慕课2(3mooccom)" name="check">三人行慕课2</input>

<input type="checkbox" value="三人行慕课3(3mooccom)" name="check">三人行慕课3</input>

<input type="checkbox" value="三人行慕课4(3mooccom)" name="check">三人行慕课4</input>

<input type="checkbox" value="三人行慕课5(3mooccom)" name="check">三人行慕课5</input>

<button>选中是谁</button>

</form>

<script src="引入jqueryjs"></script><script type="text/javascript">$(function(){ $("button")click(function(){ $each($('input:checkbox:checked'),function(){ consolelog( $(this)val() ); }); })})</script>

<input type="checkbox" value="1111"/>1

<input type="checkbox" value="2222"/>2

<input type="checkbox" value="3333"/>3

<input type="checkbox" value="4444"/>4

<input type="checkbox" value="5555"/>5

<input type="checkbox" value="6666"/>6

<input type="button" id="test" value="Click Me"/>

<Script>

$(function(){

   $("#test")on("click",function(){

      var ichk=$("input:checkbox:checked")map(function(){

         return $(this)val();

      })get()join(",");

      alert(ichk);

   })

})

</Script>

以上就是关于如何获取选中checkbox值全部的内容,包括:如何获取选中checkbox值、怎么获取单选框和复选框的值啊、jQuery如何获取checkbox中的value值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存