首页 > 代码库 > jQuery操作控件

jQuery操作控件

2024-07-08 12:44:23   226人阅读

　　在项目中添加前台控件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 =http://www.mamicode.com/"个人试卷" name ="examPage" checked ="checked" onclick ="clickRadio()"  />个人试卷                            <input type="radio" id="radioShare" value =http://www.mamicode.com/"共享试卷" name ="examPage" onclick ="clickRadio()" />共享试卷                            <input type="radio" id="radioSystem" value =http://www.mamicode.com/"系统试卷" name ="examPage" onclick ="clickRadio()" />系统试卷</td>

 　　提取radio中的value值：　

var radioValue = http://www.mamicode.com/$("input[name=‘examPage‘]:checked").val();

 


联系
我们