2014-02-10 3 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

Идентификатор атрибута должен быть уникальным –

+0

Добро пожаловать в Stack Overflow! Не забудьте всегда проверять полезные описания, которые появляются при выборе тегов. Это поможет вам выбрать теги, которые помогут классифицировать ваш вопрос. Теги не являются ключевыми словами! Не просто заполняйте свой список тегов теми же словами, что и в заголовке вопроса. – 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. один morething я хочу отобразить текст как цвет, который выбран в переключателе, как это сделать? Благодарю. – saleem

+0

Текст на всю страницу или только текст в определенной области страницы? – jeff