JS獲取form:radiobuttons的選中值(jquery)
阿新 • • 發佈:2019-02-05
在JS中獲取到form表單的radiobuttons的選中值其實和普通的radiobutton的方法是一樣的。
常用的radiobutton會要求設定radiobutton的name屬性和type屬性,然後根據這兩個屬性進行查詢,如下:
然後在JS中程式碼如下:<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>
form表單中radiobuttons的基本設定如下: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>
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>