如何将样式分配给php语法 - How do I assign styles to a php syntax

我想给输入字段提供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="" />

这意味着如果CCD_ 2接收到1，那么它应该显示为黑盒。

在我看来，你做这件事的方式不对。为什么要使用javascript分配样式？

根据我的个人经验，您只能也应该通过服务器端语言（在您的情况下是php）来做到这一点。

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

如果你使用php，你可以：

直接在节点类属性上打印样式
在标记中打印css格式的样式
将条件样式与css预处理器（如sass或更低版本）结合使用

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>