1. 程式人生 > 其它 >[ASP.NET]ASP.NET通過後臺cs獲得前臺input的radio單選按鈕的值

[ASP.NET]ASP.NET通過後臺cs獲得前臺input的radio單選按鈕的值

技術標籤:ASP.NETweb

提示:文章寫完後,目錄可以自動生成,如何生成可參考右邊的幫助文件

文章目錄


前言

在ASP.NET裡面,使用控制元件的頁面樣式很難寫得好看,樣式改不動,一方面也是由於我比較菜吧,所以想到使用傳統的input來代替TextBox控制元件來實現一些功能,比如簡單的表單驗證,但是在實際練習的時候發現了無法直接獲取radio選中的值


一、ASP.NET如何獲取頁面提交的資料

這裡推薦使用Request[(input的name屬性值)],這個方法可以獲取GET和POST方式傳來的資料,如果只需要POST,可以使用Request.Form[(input的name屬性值)].

二、程式碼展示

1.前臺程式碼

程式碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <input type="radio" name="sexs" value="男"/><
input type="radio" name="sexs" value="女"/><input type="submit" name="name" value="提交"/> </form> <%=sex1 %> </body> </html>

2.後臺程式碼

程式碼如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    public  string sex1;
    protected void Page_Load(object sender, EventArgs e)
    {
        sex1 = Request["sexs"];
        Response.Write(sex1);
    }
}

執行結果

在這裡插入圖片描述
當我們把radio的value值去掉的時候,只能獲取單選按鈕組是否有被選中的成員,並不能獲取顯示的值,所以遇到像radio這種型別,要把文字和value屬性同時設定才能有顯示和傳值的效果,並不需要使用js這種的去判斷是否被選中,來傳參給後臺。

總結

後臺獲取的都是input裡value的值,當表單進行submit方法時,後臺頁面能夠獲取這些input的value屬性值,像這種簡單的表單提交,我們並不需要用js來呼叫後臺方法來實現獲取單選按鈕被選中的值。