<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    posts - 60,comments - 71,trackbacks - 0

          如果我們要取得所選中的單選按鈕中的值是很容易的事,如要取得下面單選按鈕中的:130000 或 160000,是件很容易的事,但要取得:aaaa 或 bbbb,
    且aaaa和bbbb是從數(shù)據(jù)庫中動態(tài)取得的,也就是說,單選按鈕組是動態(tài)生成的,然后頁面上點擊某個按鈕時,要獲取所選中的單選按鈕中的類似aaaa這樣的內(nèi)容,這樣就比較難了,如下:

    <input type="radio" name="item" value="130000" onclick="update(this.value)">aaaa</input>
    <input type="radio" name="item" value="160000" onclick="update(this.value)">bbbb</input>

          經(jīng)過本人的思考,想到了一種變通的辦法,即將從數(shù)據(jù)庫中動態(tài)獲取的內(nèi)容賦給單選按鈕的title屬性,然后獲取的時候,循環(huán)單選按鈕組,獲取選中的單選按鈕的title屬性值,賦給一變量,這樣就得到了類似aaaa內(nèi)容了,即取到了單選按鈕中顯示的內(nèi)容.

         將從數(shù)據(jù)庫中獲取到的內(nèi)容賦給title屬性

    <input type="radio" name="item" value="130000" onclick="update(this.value)" title='"+aaa+"'>aaaa</input>
    <input type="radio" name="item" value="160000" onclick="update(this.value)" title='"+bbbb+"'>bbbb</input>

    注:這里的單選按鈕組和通常的單選扭鈕組有些不同的地方
    1)是根據(jù)數(shù)據(jù)庫中獲取到的內(nèi)容動態(tài)生成的;
    2)單選按鈕的value屬性值是數(shù)字,不是字符串,因為要根據(jù)當(dāng)前某一單選按鈕的單擊事件,用當(dāng)前單選按鈕的值(130000,數(shù)據(jù)庫表中某一字段的ID值)去從數(shù)據(jù)庫中獲取相關(guān)內(nèi)容,生成下一個動態(tài)的單選按鈕組,否則的話,可以直接將從數(shù)據(jù)庫中獲取到的內(nèi)容賦給value屬性.

    另:也許有人會說可以用select下拉列表來解決,就不用這么麻煩了,是的,本人最開始想到的也是用select來解決,但客戶有個變態(tài)的需求,也就是要顯示的aaaa,bbbb這樣的內(nèi)容非常長,大約有一,二千的漢字,所以就沒用select下拉列表來顯示了,因為顯示不下,后來就想到用radio來解決了.
    posted on 2008-11-04 11:15 henry1451 閱讀(2537) 評論(9)  編輯  收藏

    FeedBack:
    # re: 取得單選按鈕中顯示的內(nèi)容
    2008-11-04 20:30 | 昨夜流星

    如果使用radio的title,每當(dāng)鼠標(biāo)經(jīng)過的時候就會顯示title的內(nèi)容,這樣給人的感覺也是不好的,呵呵,其實我建議使用DOM取值:

     1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2<html xmlns="http://www.w3.org/1999/xhtml">
     3<head>
     4<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
     5<title>無標(biāo)題文檔</title>
     6<script type="text/javascript">
     7    function onRadioClick(eleRadio){
     8        alert(eleRadio.nextSibling.nodeValue);
     9    }

    10
    </script>
    11</head>
    12
    13<body>
    14<form id="form1" name="form1" method="post" action="">
    15  <input type="radio" onclick="onRadioClick(this)" name="radio" id="radio" value="radio"/>
    16dfasdfsadfasdfasdfasdfasdfsadfsdfasdfsdfsdafsdfsadfadsfsadfsadfsdafsadfsadfsadfasdfasfsadfsadfsdaf
    17</form>
    18</body>
    19</html>
    20


     

      回復(fù)  更多評論
      
    # re: 取得單選按鈕中顯示的內(nèi)容[未登錄]
    2008-11-05 08:58 | henry1451
    @昨夜流星:
    呵呵,這個思路也不錯,用到了控件的 nextSibling 和 nodeValue 屬性,這樣取值也更方便些,不用去循環(huán)單選按鈕組了.  回復(fù)  更多評論
      
    # re: 取得單選按鈕中顯示的內(nèi)容
    2008-11-05 09:46 | 昨夜流星
    # re: 取得單選按鈕中顯示的內(nèi)容
    2008-11-05 10:41 | ??
    呵呵,這樣干還不了解JavaScript ,給radio 定義一個屬性,比如<input type=radio extValue='aaaa'/> 以后,去它的值,就像去value的值一樣,啥叫動態(tài)弱類型,就是這個意思了  回復(fù)  更多評論
      
    # re: 取得單選按鈕中顯示的內(nèi)容
    2008-11-05 10:42 | ??
    一樓的也有局限,如果radio 內(nèi)部有復(fù)雜的html 你的辦法就失效了  回復(fù)  更多評論
      
    # re: 取得單選按鈕中顯示的內(nèi)容
    2008-11-05 12:48 | Hafeyang
    我認(rèn)為是這樣的:
    <label for="radio1">your label text</label>
    <input type="radio" id="radio1" />

    //jquery
    $("label[for= radio1]").text();  回復(fù)  更多評論
      
    # re: 取得單選按鈕中顯示的內(nèi)容
    2008-11-05 13:12 | 昨夜流星
    @??
    要考慮一下瀏覽器兼容問題,這樣做IE下是可以,但是FireFox不支持!  回復(fù)  更多評論
      
    # re: 取得單選按鈕中顯示的內(nèi)容
    2008-11-05 13:21 | 昨夜流星
    來一個支持HTML標(biāo)簽的:
    <!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>
     
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
     
    <title>無標(biāo)題文檔</title>
     
    <script type="text/javascript">
         
    function onRadioClick(eleRadio){
             alert(eleRadio.nextSibling.innerHTML);
         }

    </script>
    </head>

    <body>
    <form id="form1" name="form1" method="post" action="">
      
    <input type="radio" onclick="onRadioClick(this)" name="radio" id="radio" value="radio"/><span>
    dfasdfsadfasdfasdfasdfasdf
    <BR />sadfsdfasdfsdfsdafsdfsadf<font color="#FF0000">adsfsadfsadfsdafsadfsad</font>fsadfasdfasfsadfsadfsdaf
    </span>
    </form>
    </body>
    </html>
      回復(fù)  更多評論
      
    # re: 取得單選按鈕中顯示的內(nèi)容[未登錄]
    2008-11-05 15:23 | henry1451
    謝謝大家的回復(fù),讓我在這個問題上有了更廣闊的思路!  回復(fù)  更多評論
      

    只有注冊用戶登錄后才能發(fā)表評論。


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 亚洲精品免费在线观看| 亚洲AV日韩AV永久无码绿巨人 | 激情综合亚洲色婷婷五月APP| 久久国产乱子伦精品免费不卡| 国产亚洲大尺度无码无码专线 | 一道本不卡免费视频| 亚洲国产精品视频| 四虎成人精品国产永久免费无码| 亚洲国产精品尤物yw在线| 黄网站色视频免费看无下截| 亚洲AV无码乱码在线观看| 麻豆安全免费网址入口| 亚洲欧洲国产成人综合在线观看 | 久久久久国产成人精品亚洲午夜 | 亚在线观看免费视频入口| 亚洲精品在线播放| 一二三四影视在线看片免费| 亚洲专区中文字幕| 最新69国产成人精品免费视频动漫| 看Aⅴ免费毛片手机播放| 久久精品国产亚洲AV不卡| 鲁丝片一区二区三区免费| 久久亚洲美女精品国产精品| 在线观看H网址免费入口| 亚洲精品精华液一区二区| 亚洲乱码中文字幕手机在线 | 99久久免费精品高清特色大片| 亚洲成a人片在线观看播放| 午夜神器成在线人成在线人免费| 免费国产a理论片| 亚洲国产精品嫩草影院在线观看 | 1000部拍拍拍18勿入免费凤凰福利 | 亚洲一区二区三区香蕉| 热99re久久精品精品免费| 黄色一级毛片免费看| 亚洲AV无码一区东京热久久| 国产卡二卡三卡四卡免费网址| 最新亚洲人成无码网www电影| 亚洲动漫精品无码av天堂| 人禽杂交18禁网站免费| 国产免费高清69式视频在线观看|