layui单选框点击选中,再次点击未选中

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
<script src="../layui/layui.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
<div class="mold">
<form class="layui-form" action="">
<div class="layui-form-item">
<div style="display: inline-block;margin-left: 0;height: 36px;line-height: 36px;">
<label>模型编号:</label>
</div>
<div class="layui-input-block" style="display: inline-block;margin-left: 20px;">
<input type="radio" name="yiwei" value="一维水动力" title="一维水动力" checked="">
</div>
<div class="layui-input-block" style="display: inline-block;margin-left: 0;">
<input type="radio" name="check" id="inc0" value="对流扩散" title="对流扩散" data-dianji="0">
<input type="radio" name="check" id="inc1" value="生化反应" title="生化反应" data-dianji="0">
</div>
</div>

</form>
</div>
<script type="text/javascript">
layui.use(['form', 'jquery'], function () {
var form = layui.form, $ = layui.$;


form.on('radio', function (data) {
var r=data.elem;
// console.log(data.elem); //原生Dom
// console.log(data.value); //选中的radio的value
// console.log(data.othis); //美化后Dom
if ($(r).attr("data-dianji") == "0") {
$(r).attr("checked", true);
$(r).attr("data-dianji", "1");
} else {
$(r).attr("data-dianji", "0");
$(r).attr("checked", false);
}
form.render();
})

})
</script>
</body>

</html>

原文地址:https://www.cnblogs.com/Ao-min/p/14212541.html