的Html複選框以進入

-2

<div class="text_site"> 
    <legend><h3>O:</h3></legend> 
    <ul class = "no-bullets"> 
     <li> <input type="radio" name="radio-button" id="All" value="1"> <label class="radio-label">All</label> </li> 
     <li> <input type="radio" name="radio-button" id="Just" value="0"> <label class="radio-label">Just</label></li> 
     <ul class = "no-bullets"> 
      <li> 
      <input type="checkbox" id="H" name="o[]" value="H"> 
      <label for="H">H</label></li> 
      <li> 
      <input type="checkbox" id="R" name="o[]" value="R"> 
      <label for="R">R</label> 
      </li> 
     </ul> 
    </ul> 
</div> 
<input id="submit" type="submit" value="Submit"/> 
<input type="reset" value="Clear the form"/>

CSS代碼

.no-bullets { 
    list-style:none; 
}

但我想創建一個額外的複選框領域，<li> </li>標籤中，用戶可以寫一些文字，且該文本需要要保存在「o []」我怎麼做到這一點？

來源

2017-05-22 1pa

這是不能做到的。您應該可以添加一個textarea，然後只需爲其分配一個與該複選框相關的標識。但如果你想要的是一個可選的動態出現的textarea，如果一個收音機被檢查，你將需要使用一些javascript onclick動作。

來源

2017-05-22 17:13:04 toyo

我不知道JavaScript我該怎麼做？我可以離開這樣的HTML嗎？ – 1pa

@ 1pa一個簡單的方法是簡單地在html中添加一些內聯腳本，如果複選框被選中，就會添加一個文本區域。 Lot的類似例子和演示可以在這裏找到（https://www.w3schools.com/tags/att_onclick.asp）。 – toyo

輸入字段和複選框是不同的輸入類型。他們不能合併。你可以添加一個像這樣的輸入字段：

<li> 
     <input type="checkbox" id="R" name="o[]" value="R"> 
     <label for="R">R</label> 
     <input type="text" name="some_name" /> 
</li>

來源

2017-05-22 17:18:52 DevR

這就是我想要的佈局！但是輸入不會到變量o [] ..爲什麼？ – 1pa

的Html複選框以進入

回答

相關問題