jQuery操作控制項

標籤：style   class   blog   code   color   os   

　　在項目中添加前台控制項radio，操作兩個div的顯示和隱藏，其實是一個很簡單的問題，但是費了老大勁才完成，也就是jQuery操作控制項的一些基礎知識。方法有三種，簡單介紹：

　　

　　1、給元素設定style屬性：　

$("#divShareExamPage").attr("style", "display:none;");$("#divExamPage").attr("style", "display:block;");

 

　　2、通過jQuery更改控制項css樣式：　

$("#divShareExamPage").css("display", "none");$("#divExamPage").css("display", "block");

 

　　3、通過jQuery自身的show（）、hide（）方法：　

$("#divExamPage").show();$("#divShareExamPage").hide();

 

　　

　　操作前台控制項radio：

<td align ="right">                            <input type="radio" id="radioTeacherCreate" value ="個人試卷" name ="examPage" checked ="checked" onclick ="clickRadio()"  />個人試卷                            <input type="radio" id="radioShare" value ="共用試卷" name ="examPage" onclick ="clickRadio()" />共用試卷                            <input type="radio" id="radioSystem" value ="系統試卷" name ="examPage" onclick ="clickRadio()" />系統試卷</td>

 　　提取radio中的value值：　

var radioValue = $("input[name=‘examPage‘]:checked").val();