開發(fā)工具與關鍵技術：Visual Studio、MVC 作者：幻奏 撰寫時間：2019.6.7

我們在很多地方都用到了復選框，數(shù)據(jù)表格里也有復選框，新增數(shù)據(jù)時也可能要復選框，修改時也要回填復選框，所以我們用到的地方挺多的。
復選框我們都知道，它的樣子就是一個小正方形，然后可以在里面打鉤。


沒錯，它就是這個樣子的。我平常給它的類型一般都是bit，如果是true那么它就是打鉤了，如果它是false那么它就是沒打鉤的。
那么，我們該如何知道它是打勾還是不打勾呢，這時候我們就要獲取復選框的值了。
我們可以判斷它是否選中，選中了就返回什么，不選中返回什么。

如圖：我寫了一個方法，如果復選框被選中了，就在控制臺返回1，沒有選中就返回0，這樣子就可以返回你們要的值了。
由于我要寫新增，所以我要獲取復選框的值，獲取它是true或者是false，然后把數(shù)據(jù)傳到控制器那里再新增。
我們在視圖寫保存新增的時候，第一步就是要獲取它是否選中。

我們是根據(jù)form表單里，它的name值來獲取的，平常我們是這樣寫的。

獲取它的復選框時，我們要把后面的.val();改成.prop(‘checked’);
這樣它就會返回true或者false。
我們獲取到它的值之后，就要用post請求控制器那邊保存新增的方法，
然后再把數(shù)據(jù)一個一個地傳過去。
注意：傳過去的名字要和那張表里的字段一樣。

$.post("/KeHuGuanXi/KeHuGuanXi/InsertAgreement", {UnitsName: unitsName,Contacts: contacts,Phone: phone,AgreementNumber: agreementNumber,PactSortID: pactSortID,OnCredit: onCredit,EmployeeID: employeeID}, function (returnJson) {layer.close(layerIndex);//關閉加載層if (returnJson.State == true) {//刷新tabletabAgreemenType.reload();//關閉模態(tài)框$("#modalAgreement").modal("hide");}layer.alert(returnJson.Text);});

對了，我們一定要記住判斷是否寫完整了，要是沒寫完整就提示一下。（這里我沒有寫）
控制器那邊就像平常那樣寫保存新增。

public ActionResult InsertAgreement(PW_Agreement pwAgreement){ReturnJson returnJson = new ReturnJson();try{int listAgreement = (from tbAgreement in myModel.PW_Agreementwhere tbAgreement.AgreementNumber == pwAgreement.AgreementNumber|| tbAgreement.UnitsName == pwAgreement.UnitsName|| tbAgreement.Contacts == pwAgreement.Contacts|| tbAgreement.Phone == pwAgreement.Phoneselect tbAgreement).Count();if (listAgreement == 0){myModel.PW_Agreement.Add(pwAgreement);if (myModel.SaveChanges() > 0){//新增用戶表PW_MarkBill pwMarkBill = new PW_MarkBill();pwMarkBill.AgreementID = pwAgreement.AgreementID;pwMarkBill.MarkBillMoney = 0;myModel.PW_MarkBill.Add(pwMarkBill);if (myModel.SaveChanges() > 0){returnJson.State = true;returnJson.Text = "新增成功！";}else{returnJson.Text = "新增失敗！";}}else{returnJson.Text = "新增失敗！";}}else{returnJson.Text = "數(shù)據(jù)重復！";}}catch (Exception e){Console.Write(e);returnJson.Text = "數(shù)據(jù)異常";}return Json(returnJson, JsonRequestBehavior.AllowGet);}

在下面我們要用linq查詢出它是否和數(shù)據(jù)庫有重復的數(shù)據(jù)，有就返回提示，沒有就新增數(shù)據(jù)，然后保存。
然后return返回數(shù)據(jù)。

新增這樣子就寫完了。
那么，我們還有一個問題，如何在layui的數(shù)據(jù)表格上顯示它的復選框呢？

很簡單，我們只要像往常一樣查詢出數(shù)據(jù)加載數(shù)據(jù)表格，然后再寫layui加載數(shù)據(jù)表格的方法，我們把要顯示復選框的內容換一下就可以了。
如果我們不換的話，那么它顯示出了的就是true或者false。

我們查詢出數(shù)據(jù)了之后，要寫一個方法，如果傳來的數(shù)據(jù)是true，那么就給它一個已經(jīng)打勾了的復選框，反之就給它一個沒有打勾的復選框。

然后我們把這個方法放到layui的數(shù)據(jù)表格中。

這樣就可以了，嘿嘿，是不是學會了呢。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結

以上是生活随笔為你收集整理的如何获取复选框的值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。