`
lan13217
  • 浏览: 498011 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

jquery 控制 select radio checkbox input 不可修改

 
阅读更多

$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("input,textarea")
					.attr("readOnly",'true').css("background-color","#EEE")
					.each(function(){
						 this.onclick = undefined;
					})
	$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("input[type='checkbox']").click(
		   function(){
			   this.checked = !this.checked;
		    }
	   );
	$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("input[type='radio']").click(function () {
		var el, e = 0, f = $(this).get(0).form;
		while (el = f[$(this).attr("name")][e++]) el.checked = el.defaultChecked;
		});
	// select readonly  
	$("#formTab5,#formTab4,#formTab3,#formTab2,#formTab1").find("select").css("background-color","#EEE").each(
		function(){
			 this.onchange = undefined;
			$(this).bind("focus",function(){this.defaultIndex=this.selectedIndex;});
			$(this).bind("change",function(){this.selectedIndex=this.defaultIndex;});
		}
	)

分享到:
评论

相关推荐

    jquery操作Radio、Checkbox、Select Demo

    这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中,你可能还需要结合DOM遍历、事件冒泡等知识,实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码,通过查看和实践,可以加深...

    jquery获取各种radio,checkbox,select的值等

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...

    使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部

    本文将深入探讨如何使用jQuery封装Select、Checkbox和Radio元素,以提高前端开发效率并确保跨浏览器兼容性。 一、jQuery封装Select 在HTML中,`<select>`元素用于创建下拉菜单。在jQuery中,我们可以方便地操作...

    jquery 获得select、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`<select>` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    select checkbox radio项直接赋值jQuery插件

    jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。

    jQuery获取Select选择的Text和_Value

    jQuery 获取和设置 Select 选择的 Text 和 Value jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将...

    jQuery根据ID获取input、checkbox、radio、select的示例

    input: var xxx = $(‘#ID’).val() ——————————————————————————— checkbox: var xxx = [ ]; $('input[name=MyName]:checked).each(function(index, element) { xxx.push($(element)....

    Jquery获取Select标签的值

    除了获取 Select 标签的值之外,还可以通过 jQuery 来控制其他表单元素的行为,包括文本框、复选框、单选按钮等。 ##### 1. 文本框与文本区域 - **清空内容**:`$("#txt").val("");` - **填充内容**:`$("#txt")....

    jQuery设置和获取select、checkbox、radio的选中值方法

    在众多表单元素中,select(下拉框)、checkbox(复选框)以及radio(单选按钮)是最常用的元素之一。jQuery作为一个功能强大的JavaScript库,其对这些表单元素的操作进行了极大的简化,提高了开发效率和用户体验。...

    Jquery操作radio,checkbox,select表单操作实现代码

    本篇文章将详细讲解如何使用jQuery来操作radio、checkbox和select这三个常见的表单元素。 一、Radio(单选按钮)操作 jQuery操作单选按钮(radio)主要涉及选取状态的读取与设置。例如,如果有一组同名的radio按钮...

    jQuery获取Select标签的手册

    本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`标签中当前选中的选项的`value`属性值,可以使用`$('select').val()...

    selectTree tree控件 日历控件 tree控件 radio CheckBox demo

    "selectTree tree控件 日历控件 tree控件 radio CheckBox demo"这个标题揭示了几个关键的组件,它们是网页交互中的重要元素。下面将详细介绍这些控件及其应用场景。 1. **selectTree(选择树控件)**: 选择树控件...

    Jquery操作Select option整理

    ### jQuery 操作 Select Option 整理 #### 一、引言 在Web开发中,`<select>`元素作为用户交互的重要部分,常用于提供一系列选项供用户选择。jQuery作为一种流行的JavaScript库,极大地简化了DOM操作的过程,使得...

    Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)

    总结,使用jQuery处理radio、checkbox和select的选中状态及获取选中值是非常常见的操作。理解并熟练运用这些API可以帮助我们更高效地实现页面交互功能。在实际开发中,需要注意选择器的准确性和效率,以及考虑到各种...

    JQuery操作select

    `input[@type=radio][@checked]`则是选择被选中的单选按钮,而`input[@type=checkbox][@checked]`则对应于被选中的复选框。这些选择器使用`@`符号来引用属性。 此外,jQuery还提供了方便的方法来清空、添加或修改...

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    ### 知识点详解 ...以上内容总结了通过jQuery获取和操作Radio、CheckBox以及文本框Value值的基本方法。这些操作对于处理表单数据和用户交互非常有用,而且示例代码也方便读者理解和实际应用这些知识点。

    jquery操作select大全

    在操作select之前,首先需要熟练掌握jQuery选择器的使用,因为无论是添加、删除、修改还是获取select中的选项值,都离不开选择器的精确定位。 - `$('#id')`:通过ID选择器选取元素。 - `$("input[@type=radio][@...

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

Global site tag (gtag.js) - Google Analytics