在JS中取得到form表單的radiobuttons的選取值其實跟普通的radiobutton的方法是一樣的。常用的radiobutton會要求設定radiobutton的name屬性和type屬性,然後根據這兩個屬性進行查找,如下:
1 <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 <p id="usermsg" class="control-group" style="display: none"> 2 <label class="control-label">用户账号:</label> 3 4 <p 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 </p>11 </p>
相關推薦:
以上是JS取得form中radio和buttons的選取值的詳細內容。更多資訊請關注PHP中文網其他相關文章!