JS获取form:radiobuttons的选中值(jquery)

在JS中获取到form表单的radiobuttons的选中值其实和普通的radiobutton的方法是一样的。

常用的radiobutton会要求设定radiobutton的name属性和type属性,然后根据这两个属性进行查找,如下:

<br/>
2         <input name="radio" type="radio" checked="checked" value="男"/>男
3         <input name="radio" type="radio" value="女"/>女
4         <br/><br/><br/>
5         <label id="message">哈哈哈哈</label>
然后在JS中代码如下:

1  <script type="text/javascript">
 2         $(function(){
 3             $("input[name='radio']").click(function(){
 4                 if($(this).val() == "男"){
 5                     $("#message").show();
 6                 }else{
 7                     $("#message").hide();
 8                 }
 9             });
10         })
11     </script>
form表单中radiobuttons的基本设置如下:

1 <form:radiobuttons path="isall" items="${fns:getDictList('allType')}"
2                                itemLabel="label" itemValue="value"
3                                htmlEscape="false" class="" οnclick=""/>
这里没有显式的给出radio的name和type,要去渠道这两个属性只需要在网页上查看源代码,就可以得到它的属性,然后编写JS即可:

1 $(function () {
 2 
 3             $("input[name='isall']").click(function () {
 4                 if ($(this).val() == "0") {
 5                     $("#usermsg").hide();
 6                 } else {
 7                     $("#usermsg").show();
 8                 }
 9             });
10         });
我这里的操作是根据选中值的情况来显示或隐藏一部分页面,将需要显示或隐藏的部分的style设置为display:none即可,如:

1  <div id="usermsg" class="control-group" style="display: none">
 2             <label class="control-label">用户账号:</label>
 3 
 4             <div class="controls">
 5                 <input id="user_id" type="text" maxlength="100" name="userId" class="input-medium"/>
 6                 <shiro:hasPermission name="doctor:doctormsgpush:edit">
 7                     <input type="submit" value="查询用户ID" οnclick="check()"
 8                            class="btn btn-primary"/>
 9                 </shiro:hasPermission>
10             </div>
11     </div>






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值