Question

我想给输入字段赋予css样式脚本中的值我有这个：

<script "javascript/text">
    var str1 = '<?php $this->form_validation->cc11_a?>';
    var str2 = '<?php $this->form_validation->cc11_b?>';
    var str3 = '<?php $this->form_validation->cc11_c?>';
    var str4 = '<?php $this->form_validation->cc11_d?>';

    if(str1 == 0){
        str1.style.background= '#fff';
        str1.style.color='#fff';
        str1.value=0;
    }else if(str1 == 1){
        str1.style.background= '#000';
        str1.style.color='#000';
        str1.value=1;
    }
</script>

我想用上面脚本中收到的数据更改这些输入框的状态。 <?php $this->form_validation->cc11_a?>正在获取一个值，但我不知道如何使用它来为收到的内容提供状态。在我的HTML中。

<input name="cc11_a" type="text" class="text" id="cc11_a" onclick="color(this.id);" style="width:0.3cm;" value="" />
<input name="cc11_b" type="text" class="text" id="cc11_b" onclick="color(this.id);" style="width:0.3cm;" value="" />

这意味着如果<?php $this->form_validation->cc11_a?>收到1，那么它应该是一个黑盒子。

Answer 1

在我看来，你这样做是错误的。为什么要使用javascript分配样式？

根据我的个人经验，您可以而且应该仅通过服务器端语言（在您的情况下为PHP）来实现。

经验法则如下：如果您的页面的动态行为（在您的案例中样式）取决于配置，您应该使用服务器端语言开发，如果行为取决于用户交互，您应该使用js。

如果你使用php，你可以：

直接在节点类属性上打印样式。
在标记中打印css格式的样式。
使用带有css预处理器的条件样式，如sass或更少。

Answer 2

function colores(){

    var str1 = '<?php 
    if ($this->form_validation->cc11_a == 1 )
    { echo '1';}
    else if($this->form_validation->cc11_a == 0 ){ echo '0';}
    ?>';
    var str2 = '<?php 
    if ($this->form_validation->cc11_b == 1 )
    { echo '1';}
    else if($this->form_validation->cc11_b == 0 ){ echo '0';}
    ?>';
    var str3 = '<?php 
    if ($this->form_validation->cc11_c == 1 )
    { echo '1';}
    else if($this->form_validation->cc11_c == 0 ){ echo '0';}
    ?>';
    var str4 = '<?php 
    if ($this->form_validation->cc11_d == 1 )
    { echo '1';}
    else if($this->form_validation->cc11_d == 0 ){ echo '0';}
    ?>';

    if(str1 == 0){
        $('#cc11_a').css({'background-color':"#fff", 'color':"#fff"}).val("0");
    } else if(str1 == 1){
        $('#cc11_a').css({'background-color':"#000", 'color':"#000"}).val("1");
    }
    if(str2 == 0){
        $('#cc11_b').css({'background-color':"#fff", 'color':"#fff"}).val("0");
    } else if(str1 == 1){
        $('#cc11_b').css({'background-color':"#000", 'color':"#000"}).val("1");
    }
    if(str3 == 0){
        $('#cc11_c').css({'background-color':"#fff", 'color':"#fff"}).val("0");
    } else if(str1 == 1){
        $('#cc11_c').css({'background-color':"#000", 'color':"#000"}).val("1");
    }
    if(str4 == 0){
        $('#cc11_d').css({'background-color':"#fff", 'color':"#fff"}).val("0");
    } else if(str1 == 1){
        $('#cc11_d').css({'background-color':"#000", 'color':"#000"}).val("1");
    }
}


<td colspan="3" style="text-align:left">
    <input name="cc11_a" type="text" class="text" id="cc11_a" onclick="color(this.id);" style="width:0.3cm;" value="" />
    <input name="cc11_b" type="text" class="text" id="cc11_b" onclick="color(this.id);" style="width:0.3cm;" value="" />
    <input name="cc11_c" type="text" class="text" id="cc11_c" onclick="color(this.id);" style="width:0.3cm;" value="" />
    <input name="cc11_d" type="text" class="text" id="cc11_d" onclick="color(this.id);" style="width:0.3cm;" value="" />
</td>

如何将样式设置为php语法

2 个答案: