jsp中的radio和checkbox

本文介绍了JSP中用于单选和多选的元素——radio和checkbox。通过示例展示了radio的使用,包括设置初始选中状态,以及checkbox的多选操作,强调了通过name属性来管理和检查选中状态的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. radio 单选
  2. checkbox 多选

radio示例:

<label style="float:left;padding-left: 12px;"><input class="ace" name="resultState" id="form-field-radio0" checked="checked" type="radio" value="1"><span class="lbl">办结</span></label>
<label style="float:left;padding-left: 5px;"><input class="ace"  name="resultState" id="form-field-radio1" type="radio" value="2"><span class="lbl">无法办理</span></label>
<label style="float:left;padding-left: 5px;" id="return"><input class="ace"  name="resultState" id="form-field-radio3" type="radio" value="3"><span class="lbl">退回</span></label>
 

checkbox 多选:

<input type="checkbox" name="test" value="1"/><span>1</span><input type="checkbox" name="test" value="2"/><span>2</span><input type="checkbox" name="test" value="3"/><span>3</span><input type="checkbox" name="test" value="4"/><span>4</span><input type="checkbox" name="test" value="5"/><span>5</span><input type='button' value='提交' onclick="show()"/>

 

利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)

javascript代码(jQuery):

function show(){

    obj = document.getElementsByName("test");

    check_val = [];

    for(k in obj){

        if(obj[k].checked)

            check_val.push(obj[k].value);

    }

    alert(check_val);

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值