一、关于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)
    })
}
Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐