javascript - 如何为 php 语法指定样式

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 格式的样式。
• 通过 sass 或 less 等 css 预处理器使用条件样式。