JS获取form:radiobuttons的选中值（jquery）

来源：互联网发布：linux current comm 编辑：程序博客网时间：2024/05/22 04:36

在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="" onclick=""/>

这里没有显式的给出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" onclick="check()" 8                            class="btn btn-primary"/> 9                 </shiro:hasPermission>10             </div>11     </div>

0 0