posts - 60,comments - 71,trackbacks - 0

                如果我們要取得所選中的單選按鈕中的值是很容易的事,如要取得下面單選按鈕中的:130000 或 160000,是件很容易的事,但要取得:aaaa 或 bbbb,
          且aaaa和bbbb是從數(shù)據(jù)庫中動(dòng)態(tài)取得的,也就是說,單選按鈕組是動(dòng)態(tài)生成的,然后頁面上點(diǎn)擊某個(gè)按鈕時(shí),要獲取所選中的單選按鈕中的類似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ù)庫中動(dòng)態(tài)獲取的內(nèi)容賦給單選按鈕的title屬性,然后獲取的時(shí)候,循環(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)容動(dòng)態(tài)生成的;
          2)單選按鈕的value屬性值是數(shù)字,不是字符串,因?yàn)橐鶕?jù)當(dāng)前某一單選按鈕的單擊事件,用當(dāng)前單選按鈕的值(130000,數(shù)據(jù)庫表中某一字段的ID值)去從數(shù)據(jù)庫中獲取相關(guān)內(nèi)容,生成下一個(gè)動(dòng)態(tài)的單選按鈕組,否則的話,可以直接將從數(shù)據(jù)庫中獲取到的內(nèi)容賦給value屬性.

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

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

          如果使用radio的title,每當(dāng)鼠標(biāo)經(jīng)過的時(shí)候就會(huì)顯示title的內(nèi)容,這樣給人的感覺也是不好的,呵呵,其實(shí)我建議使用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ù)  更多評(píng)論
            
          # re: 取得單選按鈕中顯示的內(nèi)容[未登錄]
          2008-11-05 08:58 | henry1451
          @昨夜流星:
          呵呵,這個(gè)思路也不錯(cuò),用到了控件的 nextSibling 和 nodeValue 屬性,這樣取值也更方便些,不用去循環(huán)單選按鈕組了.  回復(fù)  更多評(píng)論
            
          # re: 取得單選按鈕中顯示的內(nèi)容
          2008-11-05 09:46 | 昨夜流星
          # re: 取得單選按鈕中顯示的內(nèi)容
          2008-11-05 10:41 | ??
          呵呵,這樣干還不了解JavaScript ,給radio 定義一個(gè)屬性,比如<input type=radio extValue='aaaa'/> 以后,去它的值,就像去value的值一樣,啥叫動(dòng)態(tài)弱類型,就是這個(gè)意思了  回復(fù)  更多評(píng)論
            
          # re: 取得單選按鈕中顯示的內(nèi)容
          2008-11-05 10:42 | ??
          一樓的也有局限,如果radio 內(nèi)部有復(fù)雜的html 你的辦法就失效了  回復(fù)  更多評(píng)論
            
          # 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ù)  更多評(píng)論
            
          # re: 取得單選按鈕中顯示的內(nèi)容
          2008-11-05 13:12 | 昨夜流星
          @??
          要考慮一下瀏覽器兼容問題,這樣做IE下是可以,但是FireFox不支持!  回復(fù)  更多評(píng)論
            
          # re: 取得單選按鈕中顯示的內(nèi)容
          2008-11-05 13:21 | 昨夜流星
          來一個(gè)支持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ù)  更多評(píng)論
            
          # re: 取得單選按鈕中顯示的內(nèi)容[未登錄]
          2008-11-05 15:23 | henry1451
          謝謝大家的回復(fù),讓我在這個(gè)問題上有了更廣闊的思路!  回復(fù)  更多評(píng)論
            

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


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 罗山县| 松溪县| 桃源县| 吐鲁番市| 苏尼特左旗| 彭山县| 汉沽区| 奉节县| 临洮县| 长白| 油尖旺区| 湘阴县| 开阳县| 绥棱县| 烟台市| 绥宁县| 祁门县| 禹城市| 当涂县| 望都县| 报价| 尖扎县| 东明县| 昔阳县| 甘泉县| 福建省| 靖边县| 宜兴市| 旬阳县| 白城市| 德庆县| 岫岩| 涡阳县| 泾源县| 顺义区| 肥城市| 中山市| 资阳市| 云阳县| 惠水县| 江口县|