wex5使用list显示题目checkedbox修改成radio单选

 WeX5 使用list显示题目checkedbox修改成radio单选

一、思路1:用radio 组件,无法传值

二、思路2:用checkbox ,选中一个,其他不让选中

1)找到对应的checkedbox

2)增加对应onchange事件

3)选中一个,其他清空;选中一个一个赋值?????(脑子到这里变成浆糊)     


详细分解(3):

3.1 获取checkedbox元素,获取当前dom节点

var $checkOne = $(event.source.$domNode);

解析:http://docs.wex5.com/wex5-ui-question-list-2077/

3.2 获取选中外的其他选项,设置不选中

$checkOne.parent().parent()

.siblings('.option-li')

.find('input[name=userOpt]')

.each(function(idx) {

        $(this).prop("checked", false); //不选中

 });

.parent().parent()

.siblings()  被选元素的所有同胞元素

.siblings(“p”)  被选元素指定名为<p>的所有同胞元素

.find()  遍历方法

.each()


猜你喜欢

转载自blog.csdn.net/qq445622441/article/details/79035064