Флажок для изменения поля ввода текстового оформления - PullRequest
Новая
       28

Флажок для изменения поля ввода текстового оформления

0 голосов
/ 06 декабря 2010

С помощью javascript я хочу, чтобы мой флажок изменял оформление текста входного текстового поля.Поэтому, когда он отмечен, текст в поле ввода текста становится жирным.

Помните, что я учусь, поэтому я не профессионал, как вы, ребята;)

Я думал, что-то вроде этого; 

var checkbox = create("input");
    checkbox.type = "checkbox";
    checkbox.id = "checkboxId" + counter;
    div.appendChild(checkbox);
    checkbox.onClick="boldChange(this)"

var input = create("input");
    input.type = "input";
    input.id = "inputId" + counter;
    div.appendChild(input);



function boldChange()
var boldgroup = document.getElementsByName(el.name);
for (var b=0; boldgroup[b]; ++b)
inputId.style.textDecoration = boldgroup[b].checked ? 'bold' : 'none';
}

Как я могу сделать эту работу?Большое спасибо заранее

1 Ответ

2 голосов
/ 06 декабря 2010

Вот рабочий пример JSFiddle на основе приведенного выше кода: Ссылка на пример

Фрагмент кода: (поместите ниже </body>, чтобы загружался весь DOM) 

<script>
    var div = document.getElementById('div'),
    counter = 0;

    var checkbox = document.createElement("input");
    checkbox.type = "checkbox";
    checkbox.id = "checkboxId" + counter;
    div.appendChild(checkbox);
    checkbox.onclick = boldChange;
    counter++;

    var input = document.createElement("input");
    input.type = "text";
    input.id = "inputId" + counter;
    div.appendChild(input);



    function boldChange() {
        input.style.fontWeight = (checkbox.checked)?'bold':'normal';
    }
</script>
...