国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

復(fù)選框

陳江龍 / 865人閱讀

摘要：批量新增和刪除的時(shí)候如何判斷是否有至少選中一條數(shù)據(jù)用于批量獲取已選的復(fù)選框驗(yàn)證返回所有選擇的行，當(dāng)沒(méi)有選擇的記錄時(shí)，返回一個(gè)空數(shù)組請(qǐng)至少選擇一條供應(yīng)商操作成功。

【1】批量新增和刪除的時(shí)候如何判斷是否有至少選中一條數(shù)據(jù) 
$("#add").click(function(){
    //用于批量（獲取已選的復(fù)選框）
    var test = $("input[name="btSelectItem"]:checked");
    var checkBoxValue = ""; 
    test.each(function(){
        checkBoxValue += $(this).val()+",";
    })
    checkBoxValue = checkBoxValue.substring(0,checkBoxValue.length-1);
    
    // todo 驗(yàn)證
    var rows = $("#exampleTable").bootstrapTable("getSelections"); // 返回所有選擇的行，當(dāng)沒(méi)有選擇的記錄時(shí)，返回一個(gè)空數(shù)組
    if (rows.length == 0) {
        toastr.error("請(qǐng)至少選擇一條供應(yīng)商");
        return;
    }else{
        var typeid = $("#typeid").val(); 
        $.ajax({
            cache : true,
            type : "POST",
            url : "/base/supSupt/save?typeid="+typeid +"&ids=" + encodeURIComponent(checkBoxValue),
            data : null,
            async : true,
            error : function(request) {
                toastr.error("Connection error");
            },
            success : function(data) {
                if (data.code == 0) {
                    toastr.success("操作成功。");
                    $("#modal-addSup").modal("hide");
                    //refreshsupdetails();
                    window.open();
                } else {
                    toastr.error(data.msg);
                }
            }
        });
    }
})
【2】表單的話選擇下面這種 
采用bootstrap官方的寫(xiě)法
$("#add").click(function(){
    var rows = $("#exampleTable").bootstrapTable("getSelections"); // 返回所有選擇的行，當(dāng)沒(méi)有選擇的記錄時(shí)，返回一個(gè)空數(shù)組
    if (rows.length == 0) {
        toastr.error("請(qǐng)選擇要添加的供應(yīng)商");
        return;
    }else{
        var ids = new Array();
        $.each(rows, function(i, row) {
          ids[i] = row["id"];
        });
        console.log(ids);
        $.ajax({
            type : "POST",
            data : {
                "ids" : ids
            },
            url : "/base/supSupt/save?typeid="+$("#typeid").val(),
            success : function(r) {
                if (r.code == 0) {
                    toastr.success(r.msg);
                    window.open();
                } else {
                    toastr.error(r.msg);
                }
            }
        });
     }
})

后臺(tái)代碼：
/**
 * 保存
 */
@ResponseBody
@PostMapping("/save")
@RequiresPermissions("base:supSupt:add")
public R save( SupSuptDO supSupt,Model model, @RequestParam("typeid") String typeid, @RequestParam("ids[]") String[] ids){
    //將拿到的ids（就是供應(yīng)商的id=supid）按逗號(hào)進(jìn)行分割成數(shù)組
    int i = 0;
    for (String supid : ids) {
        i++;
        String uuid = UUID.randomUUID().toString().replace("-", "");
        supSupt.setToid(uuid);
        supSupt.setTypeid(typeid);
        supSupt.setSupid(supid);
        if(supSuptService.save(supSupt)>0){
            if(ids.length == i){
                return R.ok();
            }else{
                continue;
            }
        }else{
            return R.error();
        }
    }
    return R.error();
}
【3】復(fù)選框的全選和禁止全選 
//html：

    


js腳本：
$(".group-checkable").click(function(event) {
    $(this).toggleClass("checkboxes");
    var isChecked = $(".group-checkable").prop("checked");
    if(isChecked) {
        $("input[name="ids"]").prop("checked", true);
    } else {
        $("input[name="ids"]").prop("checked", false);
    }
});

==tips==：因?yàn)檫@個(gè)復(fù)選框是要提交的，所以要在表單中添加from表單，然后$("#表單id").serialize();自然傳輸?shù)胶笈_(tái)即可拿到對(duì)應(yīng)id數(shù)組

【4】注意：

可以將數(shù)組放到FromData中；

可以將數(shù)組放到路由中；

也可以在dto中聲明數(shù)組變量，然后頁(yè)面就是數(shù)組名

var bidfiletypeids = new Array(); //定義一數(shù)組
bidfiletypeids = checkBoxValue.split(","); //字符分割

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/53834.html

相關(guān)文章

  • CSS3結(jié)合fontawesome字體實(shí)現(xiàn)自定義單選框復(fù)選框效果

    摘要：經(jīng)常能看到別人做前端的時(shí)候，實(shí)現(xiàn)一些漂亮的復(fù)選框或單選框按鈕，由于現(xiàn)在項(xiàng)目原因，很多單選框和復(fù)選框看起來(lái)很不好看，于是，心血來(lái)潮打算自己實(shí)現(xiàn)了一遍。 經(jīng)常能看到別人做前端的時(shí)候，實(shí)現(xiàn)一些漂亮的復(fù)選框或單選框按鈕，由于現(xiàn)在項(xiàng)目原因，很多單選框和復(fù)選框看起來(lái)很不好看，于是，心血來(lái)潮打算自己實(shí)現(xiàn)了一遍。 一、首先上css代碼： 其中，說(shuō)明我以注釋的形式寫(xiě)到里面； 關(guān)于z-index我是基于...

    hover_lew 評(píng)論0 收藏0

  • 【譯】HTML表單高級(jí)樣式

    摘要：示例多選框和單選框給多選框和單選框添加樣式是很讓人凌亂的。通向漂亮表單之路一些有用的庫(kù)和拓展工具盡管在復(fù)選框和單選框上的表現(xiàn)力已經(jīng)夠用了，但離其支持高級(jí)表單組件仍然遙遙無(wú)期。其表單部分挺有用的。 系列文章說(shuō)明 原文 在本文中，我們將了解如何在HTML表單上使用CSS，為那些難于自定義的表單組件加以樣式。如前文所述，文本框和按鈕很適合使用CSS，而現(xiàn)在我們得來(lái)探索HTML表單樣式的那...

    caikeal 評(píng)論0 收藏0

  • 【譯】HTML表單高級(jí)樣式

    摘要：示例多選框和單選框給多選框和單選框添加樣式是很讓人凌亂的。通向漂亮表單之路一些有用的庫(kù)和拓展工具盡管在復(fù)選框和單選框上的表現(xiàn)力已經(jīng)夠用了，但離其支持高級(jí)表單組件仍然遙遙無(wú)期。其表單部分挺有用的。 系列文章說(shuō)明 原文 在本文中，我們將了解如何在HTML表單上使用CSS，為那些難于自定義的表單組件加以樣式。如前文所述，文本框和按鈕很適合使用CSS，而現(xiàn)在我們得來(lái)探索HTML表單樣式的那...

    Jacendfeng 評(píng)論0 收藏0

  • Java窗口（JFrame）從零開(kāi)始（6）——單選按鈕+復(fù)選框

    單選按鈕+復(fù)選框 單選按鈕、復(fù)選框是什么這個(gè)都知道，不做解釋。上代碼（自己寫(xiě)著玩的，排班不太好）package jframe;import java.awt.BorderLayout;import java.awt.Container;import java.awt.FlowLayout;import java.awt.event.ActionEvent;import java.awt.event...

    youkede 評(píng)論0 收藏0

  • JS基礎(chǔ)入門(mén)篇（四）—this的使用，模擬單選框，選項(xiàng)卡和復(fù)選框

    摘要：建立索引，記錄每一個(gè)節(jié)點(diǎn)值。選項(xiàng)卡模擬選項(xiàng)卡方法一大清洗，在設(shè)置顏色之前把所有的顏色值設(shè)為空。宋體選項(xiàng)卡一選項(xiàng)卡二選項(xiàng)卡三內(nèi)容一內(nèi)容二內(nèi)容三方法二點(diǎn)擊什么，清除什么。 1.this的使用 this js中的關(guān)鍵字 js內(nèi)部已經(jīng)定義好了,可以不聲明 直接使用 this的指向問(wèn)題 1. 在函數(shù)外部使用 this指向的是window 2...

    tanglijun 評(píng)論0 收藏0

  • JS基礎(chǔ)入門(mén)篇（四）—this的使用，模擬單選框，選項(xiàng)卡和復(fù)選框

    摘要：建立索引，記錄每一個(gè)節(jié)點(diǎn)值。選項(xiàng)卡模擬選項(xiàng)卡方法一大清洗，在設(shè)置顏色之前把所有的顏色值設(shè)為空。宋體選項(xiàng)卡一選項(xiàng)卡二選項(xiàng)卡三內(nèi)容一內(nèi)容二內(nèi)容三方法二點(diǎn)擊什么，清除什么。 1.this的使用 this js中的關(guān)鍵字 js內(nèi)部已經(jīng)定義好了,可以不聲明 直接使用 this的指向問(wèn)題 1. 在函數(shù)外部使用 this指向的是window 2...

    hot_pot_Leo 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<