如何ASIGN風格的PHP語法

我想給輸入字段是在CSS樣式腳本值我有這樣的：如何ASIGN風格的PHP語法

<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?>正在獲取價值，但我不知道如何使用它來給出正在接收的狀態。在我有。

<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，那麼它應該apear視爲黑盒。

來源

2016-05-16 learningbyexample

讓我問你：你可以申請樣式的數字？因爲這就是當你說「如果str1 == 0」將樣式應用到'str1'時你正在嘗試做的事情。 –

您可以根據該PHP值爲元素提供您的CSS類，或者讓JS根據從PHP獲得的值分配樣式。如果{'具有相同的變量檢查，'switch'也可能比多個'}更容易。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch。 – chris85

您正在將str1設置爲包含1或0的字符串，即「1」或「0」，並再次測試它是否爲數字零！ – RiggsFolly

在我看來，你這樣做是錯誤的。你爲什麼使用javascript分配樣式？

在我個人的經驗中，你只能通過服務器端語言（在你的情況下是php）來做到這一點。

經驗法則如下：如果頁面的動態行爲（您的案例中的樣式）取決於配置，則應該使用服務器端語言開發該行爲，如果行爲取決於用戶交互，則應該使用js 。

如果您使用PHP，您可以：

直接打印節點類屬性的樣式。
在標籤中打印css格式的樣式。
使用像sass或更少的css預處理器的條件樣式。

來源

2016-05-16 21:50:40

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>

來源

2016-05-16 22:11:47 learningbyexample

回答

相關問題