開(kāi)發(fā)工具與關(guān)鍵技術(shù)：Visual Studio、MVC 作者：幻奏 撰寫(xiě)時(shí)間：2019.6.7

我們?cè)诤芏嗟胤蕉加玫搅藦?fù)選框，數(shù)據(jù)表格里也有復(fù)選框，新增數(shù)據(jù)時(shí)也可能要復(fù)選框，修改時(shí)也要回填復(fù)選框，所以我們用到的地方挺多的。
復(fù)選框我們都知道，它的樣子就是一個(gè)小正方形，然后可以在里面打鉤。


沒(méi)錯(cuò)，它就是這個(gè)樣子的。我平常給它的類型一般都是bit，如果是true那么它就是打鉤了，如果它是false那么它就是沒(méi)打鉤的。
那么，我們?cè)撊绾沃浪谴蚬催€是不打勾呢，這時(shí)候我們就要獲取復(fù)選框的值了。
我們可以判斷它是否選中，選中了就返回什么，不選中返回什么。

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

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

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

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

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

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ù)重復(fù)！";}}catch (Exception e){Console.Write(e);returnJson.Text = "數(shù)據(jù)異常";}return Json(returnJson, JsonRequestBehavior.AllowGet);}

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

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

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

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

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

這樣就可以了，嘿嘿，是不是學(xué)會(huì)了呢。

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

總結(jié)

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

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