作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
使用 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';
}
我怎样才能做到这一点?提前非常感谢您
最佳答案
这是一个基于您上面的代码的工作 JSFiddle 示例:Link to example
代码片段:(放在 </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>
关于javascript - 用于更改文本装饰输入字段的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4368847/
我是一名优秀的程序员,十分优秀!