国产午夜亚洲精品国产成人_欧美屁股大的xxxxx_丰满巨肥大屁股bbw网站_日韩精品亚洲aⅴ在线影院_旧番剧精灵の森へようこそ

獲取單選按鈕的值

  • 2020-08-20 13:42:35
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://www.gtalker.cn

單選按鈕雖然可以以組的形式出現(xiàn),有多個可供選擇的值,但是在同一個時間內(nèi)只能夠選擇一個值,所以獲取單選按鈕值的方法與獲取文本框的值方法相同,都是直接通過name屬性快速讀取值。

下面示例為用戶提供一個單選操作,當用戶提交不同的選項后,后臺服務器將顯示不同風格的圖片效果,如下圖所示。

d5bc3bf0582eddfedc38415f7c7c5a24.jpg

【操作步驟】

第1步,打開模板頁(orig.html),另存為in-dex.html。

第2步,把光標置于<div data-role="content">標簽,然后選擇【插入】|【表單】|【表單】命令,在當前光標位置插入一個表單框。

第3步,選中表單框<form>標簽,在【屬性】面板中設置action和metho屬性值,定義請求文件為同目錄下的request.php,請求的方式為POST。

第4步,把光標置于<form>標簽內(nèi),插入一個單選按鈕組和一個提交按鈕,定義單選按鈕組的name屬性值為sex,選項的value屬性值分別為men和women,設計完整的表單結構代碼如下:

<div data-role="content">    <form id="form1" name="form1" method="post" action="request.php">        <fieldset data-role="controlgroup" data-type="horizontal">            <legend>選擇外套風格</legend>            <label>                <input name="sex" type="radio" value="men" checked />男款</label>            <label><input name="sex" type="radio" value="women" />女款</label>        </fieldset>        <input type="submit" value="提交數(shù)據(jù)" />    </form></div>

第5步,選擇【文件】|【另存為】命令,把index.html另存為request.php。在request.php文檔中,清除表單結構。然后切換到代碼視圖,編寫PHP腳本代碼:

<?php    $interest = $_POST["sex"];    if($interest == "men"){        echo  '<h1>男款外套</h1>';        echo  '<img src="images/3.jpg" alt=""/>';    }    else{        echo  '<h1>女款外套</h1>'; echo  '<img src="images/2.jpg" alt=""/>';    }?>

第6步,在瀏覽器中預覽index.html頁面,然后在單選按鈕組中選擇一個選項,單擊【提交數(shù)據(jù)】按鈕提交表單,則在打開的request.php頁面中立即顯示不同風格的外套圖片。


當前文章標題:獲取單選按鈕的值

當前URL:http://www.gtalker.cn/news/wzzz/3264.html

上一篇:獲取密碼域和隱藏域的值

下一篇:獲取文件域的值

網(wǎng)站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)