如果选中复选框,则更改颜色-onchange事件
Change color if checkbox is checked - onchange event
如果选中复选框,我将尝试更改div的背景色。
它适用于循环外的div,但不适用于循环内的div。所有的变量看起来都很好,所以我认为这是一个语法错误。
谢谢!
<input type="checkbox" name="check0" value='1' <?php echo ((${executed_mod0}=="1")? "checked" : ''); ?> onchange='this.nextSibling.style.backgroundColor = this.checked ? "#6EDBFF" : "white";'><input type="text" name="procedure0" value="<?php echo $repair_mod0;?>">
<?php
$i=1;
while($i<$nrpm)
{
echo '<br><input type="checkbox" name="check'.$i.'" value="1"'. ((${executed_mod.$i}=="1")? "checked":"").' onchange="this.nextSibling.style.backgroundColor = this.checked ? '"#6EDBFF'" : '"white'";"><input type="text" name="procedure'.$i.'" value="'.${repair_mod.$i}.'">';
$i++;
};
?>
也许这可以让你朝着正确的方向前进。在获取要设置背景颜色的文本框时,我又添加了一个.nextSibling
。
HTML
<input type="checkbox" name="check0" value='1' onchange='setColor(this)' />
<input type="text" name="procedure0" value="1" />
<input type="checkbox" name="check1" value='2' onchange='setColor(this)' />
<input type="text" name="procedure1" value="2" />
<input type="checkbox" name="check2" value='3' onchange='setColor(this)' />
<input type="text" name="procedure2" value="3" />
JavaScript
function setColor(ele){
ele.nextSibling.nextSibling.style.backgroundColor = ele.checked ? "#6EDBFF" : "white";
}
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 高亮显示时编辑文本大小和颜色
- 用与线条相同的颜色填充多折线图上的点
- 更改使用Chart.js创建的图表中的轴线颜色
- 如何使用jquery更改html中的背景颜色
- 动态更改高图中的系列颜色
- Onchange没有'不要显示或隐藏Div
- jsf中两个字符串的颜色代码差异
- Javascript Select OnChange没有'不要第二次工作
- 我们如何使用css或JavaScript在i/j上更改句点(点)的颜色
- d3.hexbin插件-动态定义颜色域以适应数据
- 我如何制作一个JS函数,它可以从相似的原始颜色双向更改为某个颜色
- 每个选择器的Jquery css颜色都在变化,但字体大小却没有变化
- 如何从dojox/widget/ColorPicker-onChange中拾取颜色
- 如果选中复选框,则更改颜色-onchange事件
- 不能处理颜色选择器上的onChange事件
- Onchange文件输入更改img SRC并更改图像颜色
- 使用onchange事件获取选择颜色列表的值,以便更改图片
- 当使用事件窗体onchange时,更改表格单元格文本颜色
- 使用"OnChange"更改BoxShadow和颜色