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值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)