iT邦幫忙

0

如何寫一個javascript,去自動勾選一網頁的Radio box的特定值?

匿名 2012-12-25 18:55:0515315 瀏覽
  • 分享至 

  • xImage

請教一下,要如何寫一個javascript(就是可以貼在網址就自動執行的程式碼)

今天有一個網頁,總共有5大區,共20個區塊。

第一區是 ch1X (ch11~ch15)
第二區是 ch2X (ch21~ch24)
第三區是 ch3X (ch31~ch36)
第四區是 ch4X (ch41~ch42)
第五區是 ch5X (ch51~ch53)

每一個chXX皆是一組Radio box單選的元件,有值1~7,共7個選項。
請問我要如何寫一個javascript去執行打勾特定數值?

假設我要全部勾選數值為7的呢?

看更多先前的討論...收起先前的討論...
是什麼樣困難的考試?單選題要七選一?
可否貼出網址提供研究?
newkevin iT邦高手 1 級 ‧ 2012-12-25 20:57:52 檢舉
1輸入網址 讀入該網址
分別帶入 底下樹值
2把滑鼠指向 ch1X 然後 按幾下(A) 跳到下一個
3把滑鼠指向 ch2X然後 按幾下(B) 跳到下一個
4把滑鼠指向 ch3X然後 按幾下(C) 跳到下一個
5把滑鼠指向 ch4X然後 按幾下(D) 跳到下一個
6把滑鼠指向 ch5X然後 按幾下(E) 跳到下一個
中文是這個意思吧
程式的話 忘光光了 暈
外獅佬 iT邦大師 1 級 ‧ 2012-12-26 16:12:02 檢舉
勾選特定的數值....不是加上checked='checked'加上去就好了嗎?疑惑
既然是特定的數值....應該設計者預先就會知道了吧...有需要動態去勾選嗎?疑惑疑惑
gituest iT邦新手 5 級 ‧ 2012-12-31 21:06:28 檢舉
我想它可能要的是
一進去之後 每個7都已經被選好了

這個好像不用 javascript去跑
直接htm內碼 設預設值 就好了吧
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

14
wiseguy
iT邦超人 1 級 ‧ 2012-12-25 22:15:45
最佳解答

假設你說的這個網頁,每個 chXX 都是一個 <form> 所包起來的,如下所示:

&lt;pre class="c" name="code">
  &lt;form name="ch11">
    &lt;input type="radio" name="r11" value="1">1&lt;br>
    &lt;input type="radio" name="r11" value="2">2&lt;br>
    &lt;input type="radio" name="r11" value="3">3&lt;br>
    &lt;input type="radio" name="r11" value="4">4&lt;br>
    &lt;input type="radio" name="r11" value="5">5&lt;br>
    &lt;input type="radio" name="r11" value="6">6&lt;br>
    &lt;input type="radio" name="r11" value="7">7&lt;br>
  &lt;/form>
  &lt;form name="ch12">
    &lt;input type="radio" name="r12" value="1">1&lt;br>
    &lt;input type="radio" name="r12" value="2">2&lt;br>
    &lt;input type="radio" name="r12" value="3">3&lt;br>
    &lt;input type="radio" name="r12" value="4">4&lt;br>
    &lt;input type="radio" name="r12" value="5">5&lt;br>
    &lt;input type="radio" name="r12" value="6">6&lt;br>
    &lt;input type="radio" name="r12" value="7">7&lt;br>
  &lt;/form>
  &lt;!-- 底下依此類推直到 ch53 -->

那麼你只需在網址列打這行:

&lt;pre class="c" name="code">javascript:for(i=document.forms.length-1;i>=0;i--)document.forms[i].elements[6].checked=true;void(0);

則所有的 chXX 的第7項就會被選取了。
不管 chXX 有幾個都有效。如果你要改為選第 1 個,就把 elements[6] 改為 elements[0] 即可。

看更多先前的回應...收起先前的回應...
匿名 檢舉
&lt;pre class="c" name="code">&lt;td style="width : 29%" class="test">1-1&lt;br>
&lt;input id="ch117" type="radio" name="ch11" value="7" />&lt;label for="ch117">7&lt;/label>
&lt;input id="ch116" type="radio" name="ch11" value="6" />&lt;label for="ch116">6&lt;/label>
&lt;input id="ch115" type="radio" name="ch11" value="5" />&lt;label for="ch115">5&lt;/label>
&lt;input id="ch114" type="radio" name="ch11" value="4" />&lt;label for="ch114">4&lt;/label>
&lt;input id="ch113" type="radio" name="ch11" value="3" />&lt;label for="ch113">3&lt;/label>
&lt;input id="ch112" type="radio" name="ch11" value="2" />&lt;label for="ch112">2&lt;/label>
&lt;input id="ch111" type="radio" name="ch11" value="1" />&lt;label for="ch111">1&lt;/label>
&lt;/td>
wiseguy iT邦超人 1 級 ‧ 2012-12-26 10:55:25 檢舉

7 在第一項,你不會是還在等我貼答案吧?汗

vicchen39 iT邦新手 3 級 ‧ 2012-12-26 12:47:08 檢舉

(其實...我也想看答案...)毆飛

俺再等美女圖(樓歪了XD

鐵殼心 iT邦高手 1 級 ‧ 2012-12-26 13:53:46 檢舉

chingfeng提到:
俺再等美女圖

MIS 網路又掛了 快點維修翻桌

匿名 檢舉

因為執行後只有1-1會被打勾,其他的不會有反應

wiseguy iT邦超人 1 級 ‧ 2012-12-26 22:38:29 檢舉

有句俗話叫『舉一反三』。
你發問問題,既沒說這是哪裡的網頁,也沒說它的 html 結構,回答者只好自己《假設》一個情形,並給出一個《如果是這種情形》的答案。意思就是請你自行視情形改寫,而不是把假設答案直接套在你的真實情況上,然後說,它就只有一個會打勾 ...Orz

wiseguy iT邦超人 1 級 ‧ 2012-12-26 22:53:26 檢舉

這就是答案

&lt;pre class="c" name="code">javascript:for(i=(x=document.getElementsByTagName('input')).length-1;i>=0;i--)if(x[i].type=='radio' && x[i].value==7)x[i].checked=true;void(0);

我要發表回答

立即登入回答