如何在特定複選框被選中/取消選中時正確啓用/禁用輸入框？

-4

它只是不工作，它在我單獨的PHP文件，我第一次在代碼上進行試驗。我試圖啓用/禁用輸入框，當一個特定的複選框被選中/取消選中。 這些是我的代碼。請幫幫我。這是假設工作正確嗎？它在我的單獨文件上工作。但是，當我將它應用於我的實際編碼文件時並不適用。如何在特定複選框被選中/取消選中時正確啓用/禁用輸入框？

我無法弄清楚什麼是錯的。 :(

HTML用PHP（checboxes代碼）

echo '<table style="border-radius:6px;border-color: FFFFFF;width:700; text-align:center" border="1" cellspacing="0" cellpadding="3"> 

<tr><th style="font:11pt/15pt Helvetica, sans-serif; color: #FFFFFF; "> 
**<input type="checkbox" name="mon" id="mon" value="Monday" onclick="javascript:Mon_Select()"/>** Monday</th> 

<th style="font:11pt/15pt Helvetica, sans-serif; color: #FFFFFF; "> 
**<input type="checkbox" name="tues" id="tues" value="Tuesday" onclick="javascript:Tues_Select()">** Tuesday</th> 

<th style="font:11pt/15pt Helvetica, sans-serif; color: #FFFFFF; "> 
**<input type="checkbox" name="wed" id="wed" value="Wednesday" onclick="javascript:Wed_Select()">** Wednesday</th> 

<th style="font:11pt/15pt Helvetica, sans-serif; color: #FFFFFF; "> 
**<input type="checkbox" name="thurs" id="thurs" value="Thursday" onclick="javascript:Thurs_Select()">** Thursday</th> 

<th style="font:11pt/15pt Helvetica, sans-serif; color: #FFFFFF; "> 
**<input type="checkbox" name="fri" id="fri" value="Friday" onclick="javascript:Fri_Select()">** Friday</th> 

<th style="font:11pt/15pt Helvetica, sans-serif; color: #FFFFFF; "> 
**<input type="checkbox" name="sat" id="sat" value="Saturday" onclick="javascript:Sat_Select()">** Saturday</th> 
</tr>

這些都是輸入框我想啓用/禁用

  <td> 
     <label for id="Start_Mon" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Start Time: <br> 
     <input type="time" style="width:100; height:20" name="Start_Mon" id="Start_Mon" disabled/></label> 
     </td> 
     <td> 
     <label for id="Start_Tues" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Start Time: <br> 
     <input type="time" style="width:100; height:20" name="Start_Tues" id="Start_Tues" disabled/></label> 
     </td><td> 
     <label for id="Start_Wed" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Start Time: <br> 
     <input type="time" style="width:100; height:20" name="Start_Wed" id="Start_Wed" disabled/></label> 
     </td> 
     <td> 
     <label for id="Start_Thurs" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Start Time: <br> 
     <input type="time" style="width:100; height:20" name="Start_Thurs" id="Start_Thurs" disabled/></label> 
     </td> 
     <td> 
     <label for id="Start_Fri" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Start Time: <br> 
     <input type="time" style="width:100; height:20" name="Start_Fri" id="Start_Fri" disabled/></label> 
     </td> 
     <td> 
     <label for id="Start_Sat" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Start Time: <br> 
     <input type="time" style="width:100; height:20" name="Start_Sat" id="Start_Sat" disabled/></label> 
     </td> 

    </tr> 

    <tr> 

     <td> 
     <label for id="End_Mon" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">End Time: <br> 
     <input type="time" style="width:100; height:20" name="End_Mon" id="End_Mon" disabled/></label> 
     </td> 
     <td> 
     <label for id="End_Tues" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">End Time: <br> 
     <input type="time" style="width:100; height:20" name="End_Tues" id="End_Tues" disabled/></label> 
     </td><td> 
     <label for id="End_Wed" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">End Time: <br> 
     <input type="time" style="width:100; height:20" name="End_Wed" id="End_Wed" disabled/></label> 
     </td> 
     <td> 
     <label for id="End_Thurs" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">End Time: <br> 
     <input type="time" style="width:100; height:20" name="End_Thurs" id="End_Thurs" disabled/></label> 
     </td> 
     <td> 
     <label for id="End_Fri" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">End Time: <br> 
     <input type="time" style="width:100; height:20" name="End_Fri" id="End_Fri" disabled/></label> 
     </td> 
     <td> 
     <label for id="End_Sat" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">End Time: <br> 
     <input type="time" style="width:100; height:20" name="End_Sat" id="End_Sat" disabled/></label> 
     </td> 

    </tr>'; 



echo '  <tr> '; 
    $a = mysql_query("SELECT * FROM rooms ORDER BY room_name ASC") 
           or die(mysql_error()); 
echo '   <td> 
     <Label for id="Room_Mon" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Room:<br> 
     <select name="Room_Mon" id="Room_Mon"disabled/>'; 
     echo '<option value="0">--select--</option>'; 
     while($rname=mysql_fetch_array($a)) 
     { 

      echo '<option value='.$rname['room_name'].'> '.$rname['room_name'].'</option>'; 

     }   

     echo '</select></label></td>'; 

    $a = mysql_query("SELECT * FROM rooms ORDER BY room_name ASC") 
           or die(mysql_error()); 
echo '   <td> 
     <Label for id="Room_Tues" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Room:<br> 
     <select name="Room_Tues" id="Room_Tues" disabled/>'; 
     echo '<option value="0">--select--</option>'; 
     while($rname=mysql_fetch_array($a)) 
     { 

      echo '<option value='.$rname['room_name'].'> '.$rname['room_name'].'</option>'; 

     }   

     echo '</select></label></td>'; 

    $a = mysql_query("SELECT * FROM rooms ORDER BY room_name ASC") 
           or die(mysql_error()); 
echo '   <td> 
     <Label for id="Room_Wed" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Room:<br> 
     <select name="Room_Wed" id="Room_Wed" disabled/>'; 
     echo '<option value="0">--select--</option>'; 
     while($rname=mysql_fetch_array($a)) 
     { 

      echo '<option value='.$rname['room_name'].'> '.$rname['room_name'].'</option>'; 

     }   

     echo '</select></label></td>'; 

    $a = mysql_query("SELECT * FROM rooms ORDER BY room_name ASC") 
           or die(mysql_error()); 
echo '   <td> 
     <Label for id="Room_Thurs" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Room:<br> 
     <select name="Room_Thurs" id="Room_Thurs" disabled/>'; 
     echo '<option value="0">--select--</option>'; 
     while($rname=mysql_fetch_array($a)) 
     { 

      echo '<option value='.$rname['room_name'].'> '.$rname['room_name'].'</option>'; 

     }   

     echo '</select></label></td>'; 

    $a = mysql_query("SELECT * FROM rooms ORDER BY room_name ASC") 
           or die(mysql_error()); 
echo '   <td> 
     <Label for id="Room_Fri" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Room:<br> 
     <select name="Room_Fri" id="Room_Fri" disabled/>'; 
     echo '<option value="0">--select--</option>'; 
     while($rname=mysql_fetch_array($a)) 
     { 

      echo '<option value='.$rname['room_name'].'> '.$rname['room_name'].'</option>'; 

     }   

     echo '</select></label></td>'; 

    $a = mysql_query("SELECT * FROM rooms ORDER BY room_name ASC") 
           or die(mysql_error()); 
echo '   <td> 
     <Label for id="Room_Sat" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Room:<br> 
     <select name="Room_Sat" id="Room_Sat" disabled/>'; 
     echo '<option value="0">--select--</option>'; 
     while($rname=mysql_fetch_array($a)) 
     { 

      echo '<option value='.$rname['room_name'].'> '.$rname['room_name'].'</option>'; 

     }   

     echo '</select></label></td>'; 



echo '  </tr>'; 
echo '</table>'; 


echo '<table style="border-radius:6px;border-color: FFFFFF;width:700; text-align:center" border="1" cellspacing="0" cellpadding="1">';

腳本

<script> 

//checkboxes 
function Mon_Select() 
{ 
    if (document.getElementById('mon').checked) 
     { 
     document.getElementById('Start_Mon').disabled= false; 
     document.getElementById('End_Mon').disabled= false; 
     document.getElementById('Room_Mon').disabled= false;} 
    else 
     { 
     document.getElementById('Start_Mon').disabled= true; 
     document.getElementById('End_Mon').disabled= true; 
     document.getElementById('Room_Mon').disabled= true;} 
} 
function Tues_Select() 
{ 
    if (document.getElementById('tues').checked) 
     { 
     document.getElementById('Start_Tues').disabled= false; 
     document.getElementById('End_Tues').disabled= false; 
     document.getElementById('Room_Tues').disabled= false;} 
    else 
     { 
     document.getElementById('Start_Tues').disabled= true; 
     document.getElementById('End_Tues').disabled= true; 
     document.getElementById('Room_Tues').disabled= true;} 
} 
function Wed_Select() 
{ 
    if (document.getElementById('wed').checked) 
     { 
     document.getElementById('Start_Wed').disabled= false; 
     document.getElementById('End_Wed').disabled= false; 
     document.getElementById('Room_Wed').disabled= false;} 
    else 
     { 
     document.getElementById('Start_Wed').disabled= true; 
     document.getElementById('End_Wed').disabled= true; 
     document.getElementById('Room_Wed').disabled= true;} 
} 
function Thurs_Select() 
{ 
    if (document.getElementById('thurs').checked) 
     { 
     document.getElementById('Start_Thurs').disabled= false; 
     document.getElementById('End_Thurs').disabled= false; 
     document.getElementById('Room_Thurs').disabled= false;} 
    else 
     { 
     document.getElementById('Start_Thurs').disabled= true; 
     document.getElementById('End_Thurs').disabled= true; 
     document.getElementById('Room_Thurs').disabled= true;} 
} 
function Fri_Select() 
{ 
    if (document.getElementById('fri').checked) 
     { 
     document.getElementById('Start_Fri').disabled= false; 
     document.getElementById('End_Fri').disabled= false; 
     document.getElementById('Room_Fri').disabled= false;} 
    else 
     { 
     document.getElementById('Start_Fri').disabled= true; 
     document.getElementById('End_Fri').disabled= true; 
     document.getElementById('Room_Fri').disabled= true;} 
} 
function Sat_Select() 
{ 
    if (document.getElementById('sat').checked) 
     { 
     document.getElementById('Start_Sat').disabled= false; 
     document.getElementById('End_Sat').disabled= false; 
     document.getElementById('Room_Sat').disabled= false;} 
    else 
     { 
     document.getElementById('Start_Sat').disabled= true; 
     document.getElementById('End_Sat').disabled= true; 
     document.getElementById('Room_Sat').disabled= true;} 
} 



</script>

來源

2014-01-12 banana

問我有沒有困惑你。我的代碼有點混亂。但它很容易理解。 – banana

您是否可以將其降低到出現問題的最低程度？ –

也可能與您以前的問題重複的材料：[將選定的選項html分配給php變量而不加載頁面]（https://stackoverflow.com/questions/21048115/assigning-selected-option-html-to-a-php -variable-without-loading-the-page） – hakre

取而代之的是在你的HTML：

onclick="javascript:Mon_Select()"

只是這樣做：

onclick="Mon_Select()"

第一個是無效的js代碼（僅適用於網址），第二個作品。

編輯此外，從你的<labels>刪除您id的屬性sanjeev表明

希望這有助於歡呼

來源

2014-01-12 07:40:51

好的，先生，但我已經嘗試過了。而第一個，完美的工作在我的另一個PHP文件。我仍然會嘗試你的建議:)謝謝:) – banana

我編輯了我的答案 –

謝謝先生:)我打算這樣做:) – banana

      <td> 
         <label for id="Start_Mon" style="font:9pt/11pt Helvetica, sans-serif; color: #FFFFFF;">Start Time: <br> 
         <input type="time" style="width:100; height:20" name="Start_Mon" id="Start_Mon" disabled/></label> 
         </td>

你給ID = 'Start_Mon' 的標籤你應該給它輸入的元素是

<input type="time" id='Start_Mon' style="width:100; height:20" name="Start_Mon" id="Start_Mon" disabled/></label>

更改它所有在上面的代碼

ID需要給予輸入字段，而不能標註

不澄清不問！

來源

2014-01-12 07:42:50 sanjeev

謝謝先生，我會試試:) – banana

如何在特定複選框被選中/取消選中時正確啓用/禁用輸入框？

回答

相關問題