MUI 中的mui-table-view-radio单选取值和监听

					
					

//为选择单选选项添加监听事件
document.querySelector('.mui-table-view.mui-table-view-radio').addEventListener('selected',function(e){
     console.log("当前选中的文本值为："+e.detail.el.innerText);
});

//除此外，还可以这样 直接获取当前选中项的节点  
var elem = document.querySelector('.mui-table-view-radio .mui-selected');console.log(elem.innerText);
/*
*querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。
*注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。
*/

<ul class="mui-table-view mui-table-view-chevron">
						<li class="mui-table-view-cell">
							<a href="#notifications_disturb" class="mui-navigate-right">功能消息免打扰</a>
						</li>
					</ul>
					<ul class="mui-table-view mui-table-view-radio">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">开启</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">只在夜间开启</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">关闭</a>
						</li>
						<!--<li class="mui-table-view-cell">
							<a class="mui-navigate-right">自定义时段</a>
						</li>-->
					</ul>