jq each遍历数据并且实现radio动态选中
·
一、关于each()
each()定义
方法规定为每个匹配元素规定运行的函数。 返回 false 可用于及早停止循环。
each()用法
$(selector).each(function(index,element))
| 参数 | 说明 |
|---|---|
| index | 选择器的 index 位置 |
| element | 当前的元素(也可使用 “this” 选择器) |
二、关于prop()
prop()定义
1、prop() 方法设置或返回被选元素的属性和值。
2、当该方法用于返回属性值时,则返回第一个匹配元素的值。
3、当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。
注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。
prop()用法
$(selector).prop(property,value)
| 参数 | 说明 |
|---|---|
| property | 选择器的规定属性的名称。 |
| value | 当前的元素规定属性的值。 |
三、使用方式
主要实现功能:当触发该函数时获取指定参数并和单选框参数(value)对比且选中符合条件的radio
四、实现代码
方法一
/**
* each遍历数据并且实现jq radio动态选中
* @param obj
*/
function selectRadio(obj) {
var id = $(obj).attr('data-id');
$('input[type=radio]').each(function () {
if ($(this).val() == id) {
$(this).prop('checked',true);
} else {
$(this).prop('checked',false);
}
})
}
方法二
/**
* each遍历数据并且实现jq radio动态选中
* @param obj
*/
function selectRadio(obj) {
var id = $(obj).attr('data-id');
$('input[type=radio]').each(function () {
$(this).val() == id ? $(this).prop('checked',true) : $(this).prop('checked',false)
})
}
DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐



所有评论(0)