jsp 如何获取多选下拉列表框的值

jsp 如何获取多选下拉列表框的值,第1张

多选框取一个相同的名字 比如叫name 然后在servlet里通过requestgetParameterValues("name")得到一个String类型的数组。这个数组就是多选框的值的数组

下拉列表也是取一个名字 然后requestgetParameter("name") 得到一个String值

通过name属性一个一个获取的,然后通过split(checkval, ",")分割的,在通过for循环打印出值的,,比如

<form name='form1'>

<input type='checkbox' name='c' value=1>111<br>

<input type='checkbox' name='c' value=2>222<br>

<input type='checkbox' name='c' value=3>333

</form>

<%

c = request("c")

arr = split(c,",") '分割获取到的值

for i=0 to ubound(ar)

'显示每个选中的值

responsewrite "<div>" & arr(i) & "</div>>"

next

%>

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技术进行服务器端编程。

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;

}

}

}

^_^

requestform("多选列表框名称")

例如:

testasp

<html>

<head><title></title></head>

<body>

<form method="post" action="Resultasp">

<input type="checkbox" name="ck1" value="1">足球

<input type="checkbox" name="ck2" value="1">篮球<br />

<input type="submit" name="TJ" value="提交">

</form>

</body></html>

resultasp

<%

'获取表单提交的数据

ck1 = requestform("ck1")

ck2 = requestform("ck2")

if ck1=1 and ck2=1 then bg="足球与篮球"

if ck1=1 and ck2<>1 then bg="足球"

if ck1<>1 and ck2=1 then bg="篮球"

if ck1<>1 and ck2<>1 then bg="没有选择"

%>

<html>

<head><title>B页面</title></head>

<body>

<p>你选择了:<%=bg%></p>

<p><a href="testasp" target="_self">返回继续测试</a></p>

</body></html>

或者:

testasp

<html>

<head><title></title></head>

<body>

<form method="post" action="Resultasp">

<input type="checkbox" name="ck" value="足球">足球

<input type="checkbox" name="ck" value="篮球">篮球<br />

<input type="submit" name="TJ" value="提交">

</form>

</body></html>

Resultasp

<%

'获取表单提交的数据

ck = split(requestform("ck"),",")

responsewrite "你选择了:"

for i= 0 to Ubound(ck)

responsewrite ck(i)

next

%>

<html>

<head><title>B页面</title></head>

<body>

<p><a href="testasp" target="_self">返回继续测试</a></p>

</body></html>

layui获取复选框checkbox的值

不多说了,直接上代码:

HTML

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>layuiformcheckbox 获取选中</title>

<link rel="stylesheet" href="layui/css/layuicss" media="all">

</head>

<body>

<form class="layui-form"> <!-- 提示:如果你不想用form,你可以换成div等任何一个普通元素 -->

  <div class="layui-form-item">

    <label class="layui-form-label">复选框</label>

    <div class="layui-input-block">

      <input type="checkbox" name="CSDN" lay-filter="like" title="复选框一" value="dongsir">

      <input type="checkbox" name="CSDN" lay-filter="like" title="复选框二" value="董先生">

    </div>

  </div>

  <div class="layui-form-item">

    <label class="layui-form-label">开关关</label>

    <div class="layui-input-block">

      <input type="checkbox" name="switch" lay-skin="switch" value="董辉">

    </div>

  </div>

  <div class="layui-form-item">

    <label class="layui-form-label">开关开</label>

    <div class="layui-input-block">

      <input type="checkbox" name="switch" checked lay-skin="switch" value="董先生的CSDN">

    </div>

  </div>

  <div class="layui-form-item">

    <div class="layui-input-block">

      <button class="layui-btn" lay-submit lay-filter="">立即提交</button>

    </div>

  </div>

</form>

<script src="layui/layuijs"></script>

JS

layui获取复选框checkbox的值

当然,你也可以将数组转为字符串等等,详见代码:

layui获取复选框checkbox的值

以上就是关于jsp 如何获取多选下拉列表框的值全部的内容,包括:jsp 如何获取多选下拉列表框的值、asp中如何取得复选框内的多个选项的值、js怎么取得name=checkbox[]的复选框选中个数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9717085.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存