2014-02-10 75 views
-2

我的HTML腳本如何獲取複選框的值在JavaScript

<html> 

    <body> 
    <b><font color="green">Please select a check box to change the color of text </font> </b><br> 
    <input type="checkbox" name="red" id="chkbx" > &nbsp; Red<br> 
    <input type="checkbox" name="green" id="chkbx" value="1"> &nbsp; Green <br> 
    <input type="checkbox" name="blue" id="chkbx" value="2"> &nbsp; Blue <br> 
    <input type="checkbox" name="orange" id="chkbx" value="3"> &nbsp; Orange <br> 
    <input type="checkbox" name="yellow" id="chkbx" value="4"> &nbsp; Yellow <br> 
    <p id="demo"></p> 

    <button onclick="myfunction()">My Choice</button> 
<br><br> 
    <h style="color: red; font-weight: bold;"> </h> 
    <p id="demo"></p> 

我需要得到JavaScript中的複選框值,如果選擇了任何一個複選框,該顏色將應用於文本上顯示輸出。怎麼做?

+5

似乎單選按鈕可能會更好。 – RobG

+2

屬性ID應該是唯一的 –

+0

歡迎使用堆棧溢出!請務必檢查選擇標籤時出現的有用說明。這將幫助您選擇幫助對問題進行分類的標籤。標籤不是關鍵字!不要只使用問題標題中的相同單詞來填充標籤列表。 – Charles

回答

0

第一關 - 不使用的標籤,因爲它自1999年以來使用過時

<p style='font-weight:bold; color:green'>....</p> 

而不是checkboxs使用單選按鈕

<input type="radio" name="red" value="red" onClick="myFunction(this.value);"> &nbsp; Red<br> 

重複上述所有可能的選擇。 將您的功能myFunction()更改爲myFunction(value)並從那裏開始工作。信息直接傳遞給函數,所以不需要去查找它。

+0

謝謝你jeff。還有一件事我想要顯示一個文本作爲顏色在單選按鈕中選擇了怎麼辦?謝謝。 – saleem

+0

整個頁面的文本或只是頁面特定區域中的文本? – jeff