常用控件js示例
2014-04-25 14:22
134 查看
1.下拉框索引改变触发函数
2.js获取下拉框选中值
3.下拉框索引改变控制控件可用不可用
4.获取单选框选中的值
$("#<%=ddlCapacityName.ClientID %>").live("change", function() { function ShowProductLevelType() { var cName = $("#<%=ddlCapacityName.ClientID %>").val(); if (cName == "15" || cName == "31") { $("#trProductLevelType").show(); $("#<%=ddlProductLevelTypeID.ClientID %>").attr("req", "1"); } else { $("#trProductLevelType").hide(); $("#<%=ddlProductLevelTypeID.ClientID %>").removeAttr("req"); } } })
2.js获取下拉框选中值
var specialtySelect = document.getElementById("<%=ddlSpecialtyName.ClientID %>");
if (specialtySelect.options[specialtySelect.selectedIndex].value == "") { alert("-请选择专业"); return false; }
3.下拉框索引改变控制控件可用不可用
function InitCustomerPlugin() { ContractDDLSpeciality(); } $("#<%=ddlCapacityName.ClientID %>").live("change", function () { ContractDDLSpeciality(); }) function ContractDDLSpeciality() { var capacitySelect = document.getElementById("<%=ddlCapacityName.ClientID %>"); var capacity = capacitySelect.options[capacitySelect.selectedIndex].innerText; if (capacity.indexOf("设计总工程师") >= 0) { $("#<%=ddlSpecialtyName.ClientID %>").attr("disabled", "disabled"); } else { $("#<%=ddlSpecialtyName.ClientID %>").disabled=true; } }
4.获取单选框选中的值
var item = $("input[@name='radlContractTypeName']:checked").val(); //jquery 是1.3版本以下的写法 var item = $("input[name='radlContractTypeName']:checked").val(); //jquery 是1.3版本以上的写法
相关文章推荐
- JSP web.xml <jsp-config>标签使用详解
- extjs grid滚动条问题
- 8个惊艳的 HTML5 和 JavaScript 特效
- Javascript 检查字符串是否是数字的几种方法
- .net 实体对象生成json对象
- jointjs
- JS定时器例子讲解
- 触屏中的js事件
- ExtJS分页start,limit,pageSize的研究
- JS 获取几天后的日期格式
- js防止表单短时间内重复提交
- Twproject Gantt – 开源的 JavaScript 甘特图组件
- document.cookie详解
- JS实现字符串的16进制编码
- 吐槽做得很不错的ZeroClipboard
- js定时器,请求服务端,实现消息推送到页面声音提醒
- jsp页面fn标签的使用
- 用JavaScript cookies 存、取、删除
- 利用js制作html table分页示例(js实现分页)
- 浏览器执行JS出错修复