您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

jquery遍历元素列表实例-修改复选项为单选项

发布时间：2016-11-27 11:08:55编辑：雪饮阅读（）

 一个来我们公司试岗的php,经理让他将一个复选的答题选项做成单选,由于选项按钮不是input而是div伪装的，所以需要通过js遍历来进行修改。

他研究了一天，没有弄出来。最后任务就落到我手上了，而js遍历我已经掌握很牢靠了。这里就用jquery来练练手。
 
源代码:
 jquery遍历
$(".option").on("click",function(){
var $option = $(this);//当前对象
var $parent=$(this).parent();//当前对象的父级
var $children=$parent.children();//当前对象的父级的所有直接子元素列表
var $datavalue=$(this).attr('data-value');
if(!$option.hasClass("option-sel")){
$option.addClass("option-sel");
$children.each(function(index){
var $kk=$children.eq(index).attr('data-value');
if($kk!=$datavalue){
if($children.eq(index).hasClass("option-sel")){$children.eq(index).removeClass("option-sel");}
}

});
}
‌ });