체크박스의 값 얻기:
(동영상 공유 학습하기: javascript video tutorial)
1. 라유이는 체크박스 하나의 값을 얻습니다.
=========================================HTML============================================= <div class="layui-form-item"> <div class="layui-col-md12"> <div> <label class="layui-form-label">类型</label> <div class="layui-input-block"> <input type="checkbox" name="AllDay" id="AllDay" lay-filter="test1" value="全天" title="全天"> <input type="checkbox" name="IsEnd" id="IsEnd" lay-filter="test1" value="结束时间" title="结束时间"> </div> </div> <span></span> </div> </div> ========================================JS============================================= var allDayCheck = document.getElementById("AllDay").checked; var isEndCheck = document.getElementById("IsEnd").checked;
2. 라유이는 다중 체크의 값을 얻습니다. 상자를 사용하여 중앙에서 배경으로 전달합니다
//HTML代码 <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">复选框</label> <div class="layui-input-block"> <input type="checkbox" name="like" value="1" title="写作"> <input type="checkbox" name="like" value="2" title="阅读" > <input type="checkbox" name="like" value="3" title="发呆"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> </form> //JS代码 <script> layui.use('form', function(){ var form = layui.form; form.on('submit(formDemo)', function(data){ //获取checkbox[name='like']的值 var arr = new Array(); $("input:checkbox[name='like']:checked").each(function(i){ arr[i] = $(this).val(); }); data.field.like = arr.join(",");//将数组合并成字符串 $.post("admin.php", {data:data.field}, function (res) { if (res.code == 1) { layer.msg(res.msg, {time: 1800, icon: 1}, function () { location.href = res.url; }); } else { layer.msg(res.msg, {time: 1800, icon: 2}); } }, 'json'); return false; }); }); </script>
그렇다면layui 확인란에 값을 할당하는 방법은 무엇입니까?
layui.use('form', function () { form = layui.form; $('#AllDay').prop("checked", true); //先进行基本赋值 form.render(); //这句必须(用来更新渲染页面) });
추천 튜토리얼: layui
위 내용은 Layui가 체크박스의 값을 얻는 방법과 체크박스에 값을 할당하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!