JS獲取form:radiobuttons的選中值

在JS中獲取到form表單的radiobuttons的選中值其實和普通的radiobutton的方法是一樣的。

常用的radiobutton會要求設定radiobutton的name屬性和type屬性，然后根據這兩個屬性進行查找，如下：

<br/>
        <input name="radio" type="radio" checked="checked" value="男"/>男
        <input name="radio" type="radio" value="女"/>女
        <br/><br/><br/>
        <label id="message">哈哈哈哈</label>

然后在JS中代碼如下：

 <script type="text/javascript">
        $(function(){
            $("input[name='radio']").click(function(){
                if($(this).val() == "男"){
                    $("#message").show();
                }else{
                    $("#message").hide();
                }
            });
        })
    </script>

 

form表單中radiobuttons的基本設置如下：

<form:radiobuttons path="isall" items="${fns:getDictList('allType')}"
                               itemLabel="label" itemValue="value"
                               htmlEscape="false" class="" onclick=""/>

這里沒有顯式的給出radio的name和type，要去渠道這兩個屬性只需要在網頁上查看源代碼，就可以得到它的屬性，然后編寫JS即可：

$(function () {

            $("input[name='isall']").click(function () {
                if ($(this).val() == "0") {
                    $("#usermsg").hide();
                } else {
                    $("#usermsg").show();
                }
            });
        });

我這里的操作是根據選中值的情況來顯示或隱藏一部分頁面，將需要顯示或隱藏的部分的style設置為display：none即可，如：

 <div id="usermsg" class="control-group" style="display: none">
            <label class="control-label">用戶賬號：</label>

            <div class="controls">
                <input id="user_id" type="text" maxlength="100" name="userId" class="input-medium"/>
                <shiro:hasPermission name="doctor:doctormsgpush:edit">
                    <input type="submit" value="查詢用戶ID" onclick="check()"
                           class="btn btn-primary"/>
                </shiro:hasPermission>
            </div>
    </div>