layui只是一件漂亮的衣裳，别人看着挺漂亮，其实本质没变

原创于 2017-07-13 17:53:28 发布 · 667 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#lay ui

本文介绍如何在Layui框架中处理单选框元素的美化和事件监听，并演示了如何通过JavaScript实现对已选择单选框对应行的删除功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

虽然Layui会对select、checkbox、radio等原始元素隐藏，从而进行美化修饰处理，增加我们看到的新元素，把本来的隐藏，但实际我们该做什么还是可以做什么，比如依然可以使用checked事件

//找到单选框对应的行，然后删除
form.on('radio(radio)', function(data){
   // console.log(data.elem); //得到radio原始DOM对象
   // console.log(data.value); //被点击的radio的value值
    //var htmltr=data.elem.parentNode.parentNode;
  //  console.log(htmltr);
});
var tdelete=document.getElementById("tdelete");
$("#tdelete").on("click",function(){
    //htmltr.remove();
    var ch=$("input[name=caigou]:checked");
    $.each(ch,function(i,v){
      $(v).parent().parent().remove();
    });
})