`

按值选中radio和select

 
阅读更多

随意写一点点。

//根据指定的值选中radio。
//_id: 存放需要选中项的value的id号
//_name: 页面中radio的name属性 or select的id属性
//_flag: r:radio , o:option
function selectRadio(_id , _name , _flag){ 
	var taskorder = document.getElementById(_id);
	if( _flag == 'r'){
		var radios = document.getElementsByName(_name);
		for( i = 0 ; i < radios.length; i++ ){
			if( radios[i].value == taskorder.value){
				radios[i].setAttribute("checked", "true");
			}
		}
	}else if( _flag == 'o'){
		var radios = document.getElementById(_name).options;
		for( i = 0 ; i < radios.length; i++ ){
			if( radios[i].value == taskorder.value){
				radios[i].setAttribute("selected", "true");
			}
		}
	}
}

 

 

再稍微改一下

//根据指定的值选中radio。
//_value: 存放需要选中项的value
//_name: 页面中radio的name属性 or select的id属性
//_flag: r:radio , o:option
function selectRadio( _value , _name , _flag){ 
	if( _flag == 'r'){
		var radios = document.getElementsByName(_name);
		for( i = 0 ; i < radios.length; i++ ){
			if( radios[i].value == _value){
				radios[i].setAttribute("checked", "true");
			}
		}
	}else if( _flag == 'o'){
		var radios = document.getElementById(_name).options;
		for( i = 0 ; i < radios.length; i++ ){
			if( radios[i].value == _value ){
				radios[i].setAttribute("selected", "true");
			}
		}
	}
}

 

 

 

 

分享到:
评论

相关推荐

    layui监听select变化,以及设置radio选中的方法

    一、select监听 1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到 2.导入form layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分...

    Jquery实现select下拉列表根据radio选项级联

    接下来,我们将使用jQuery来监听radio按钮的变化,并根据选中的值改变相应的select下拉列表。以下是一个基本的实现示例: ```javascript $(document).ready(function() { // 首先,我们需要在页面加载时初始化下拉...

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

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

    jquery获得select option值

    `.val()`方法也可以用于获取下拉列表的选中值,这是最常用的获取下拉列表值的方法。 ### 五、设置表单元素的值 1. **设置文本框的值**: ```javascript $("#txt").val('新的值'); ``` 使用`.val()`方法可以...

    checkbox-radio-select样式自定义

    在前端开发中,`checkbox`、`radio`和`select`是三种常见的表单元素,它们用于用户交互,收集和提交数据。`checkbox`用于多选,`radio`用于单选,而`select`通常用于下拉列表选择。在本项目"checkbox-radio-select...

    LazyForm radio,checkbox,select样式自定义

    在IT行业中,前端开发是至关重要的一环,而表单元素如radio、checkbox和select的样式定制则是提升用户体验和界面美观度的关键。"LazyForm radio,checkbox,select样式自定义"是一个针对这一需求的解决方案,它基于...

    jquery获取input表单值的代码

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

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

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

    Jquery获取Select标签的值

    要获取 Select 下拉框的当前选中值(即 value 属性的值),可以使用以下代码: ```javascript $('select').val(); ``` 这行代码会返回当前选中的 `&lt;option&gt;` 元素的 `value` 属性值。 ##### 2. 获取 Select 选中的 ...

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

    对于select和radio单选控件,通常只需要一个选项被选中,而checkbox多选控件则可以选中多个值。在使用时,需要注意是否有value属性,以及如何根据不同的需求选择合适的jQuery方法。掌握这些操作,将有助于提升Web...

    jquery操作Radio、Checkbox、Select Demo

    // 获取选中Radio的值 ``` 3. **监听Radio变化事件**: ```javascript $('input[type="radio"]').on('change', function() { console.log('Radio value changed:', this.value); }); ``` 二、jQuery操作...

    radio、checkbox、select等选择标签的总结

    在网页设计和开发中,`radio`、`checkbox` 和 `select` 是三种常见的表单元素,用于收集用户输入的数据。这些元素都是HTML语言的一部分,是构建交互式Web页面的关键工具。下面是对这三个标签的详细解释和总结: 1. ...

    checkbox radio select 样式修改样例

    在网页设计中,`checkbox`、`radio`和`select`是三种常见的表单元素,它们用于用户交互,收集和提交数据。`checkbox`用于多选,`radio`用于单选,而`select`通常用于下拉菜单选择。然而,由于浏览器的默认样式通常...

    Jquery获取radio选中值实例总结

    在本篇介绍Jquery获取radio选中值的实例总结中,将会详细地分享关于如何使用jQuery来选取和操作HTML中单选按钮(radio buttons)的方法。由于文章内容中有小部分OCR扫描错误,所以在讲解时会尽量保持原意且保证内容...

    js获取下拉列表中选中的值和文本

    获取`&lt;select&gt;`标签中选中的值和文本是前端开发中常见的需求。 ##### 基本概念 - **`&lt;select&gt;`**: 定义一个下拉列表。 - **`&lt;option&gt;`**: 定义下拉列表中的选项。 ##### 获取选中值 要获取选中的值,可以通过...

    jQuery获取Select选择的Text和_Value

    可以使用 `$("#select_id option[text='jQuery']").attr("selected", true)` 方法设置 Select 的 Text 值为 jQuery 的项选中。 三、 jQuery 添加/删除 Select 的 Option 项 jQuery 也提供了方法来添加或删除 ...

    struts2(checkbox_radio_select)表单标签的应用及详细事例

    本文将详细介绍Struts2中用于处理复选框(checkbox)、单选按钮(radio)以及下拉选择框(select)的表单标签,并通过具体的例子展示它们的用法。 ### 1. 表单标签Checkbox - 复选框 **复选框**允许用户从多个选项...

    怎么获取checkbox/select/radio、选择中的text和value值

    在IT领域,特别是前端开发中,获取用户界面元素如`checkbox`、`select`和`radio`的选择状态是一项常见的需求。这些元素常用于收集用户的偏好或输入,因此准确地读取它们的`text`(显示文本)和`value`(实际值)对于...

Global site tag (gtag.js) - Google Analytics