layui怎樣獲取復(fù)選框的值以及如何為復(fù)選框賦值-創(chuàng)新互聯(lián)

了解layui怎樣獲取復(fù)選框的值以及如何為復(fù)選框賦值？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比松山網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式松山網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋松山地區(qū)。費(fèi)用合理售后完善，十多年實(shí)體公司更值得信賴。

獲取復(fù)選框的值：

一、layui獲取單個(gè)復(fù)選框的值

=========================================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="結(jié)束時(shí)間" title="結(jié)束時(shí)間">
               </div>
         </div>
        <span></span>
   </div>
</div>

========================================JS=============================================
var allDayCheck = document.getElementById("AllDay").checked;
var isEndCheck = document.getElementById("IsEnd").checked;

二、layui獲取多個(gè)復(fù)選框的值，并集中傳給后臺(tái)

//HTML代碼

<form class="layui-form">
    <div class="layui-form-item">
        <label class="layui-form-label">復(fù)選框</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="發(fā)呆">
        </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(",");//將數(shù)組合并成字符串

            $.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復(fù)選框賦值呢？

 layui.use('form', function () {
     form = layui.form;
     $('#AllDay').prop("checked", true); //先進(jìn)行基本賦值                          
     form.render(); //這句必須（用來更新渲染頁面）
});

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)layui怎樣獲取復(fù)選框的值以及如何為復(fù)選框賦值大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站題目：layui怎樣獲取復(fù)選框的值以及如何為復(fù)選框賦值-創(chuàng)新互聯(lián)
鏈接地址：http://muchs.cn/article36/coegsg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、微信公眾號(hào)、營(yíng)銷型網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、域名注冊(cè)、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)