我組單選按鈕，在不同的div標籤

-3

我已經單選按鈕放置在不同的div我組單選按鈕，在不同的div標籤

怎麼能看到下面的例子

HTML

<div><input type="radio"/></div> 
<div><input type="radio"/></div> 
<div><input type="radio"/></div> 
<div><input type="radio"/></div>

所以，我怎樣才能使這些可選擇的只有一個？

直播的jsfiddle here

來源

2014-05-21 Vignesh Subramanian

給同名所有這些投入。 –

使用相同name屬性不同value那些單選按鈕。

來源

2014-05-21 11:19:46 Madhu

@RoryMcCrossan我們如何保持單選按鈕的相同值？我們應該爲'radio'按鈕設置相同的名稱，每個單選按鈕應該具有不同的值，以便它可以在服務器端使用。例如兩個同名的「性別」單選按鈕，但差異值爲「男性」和「女性」，這樣我們就可以在服務器端使用名字「sex」獲得單選按鈕的值。 – Madhu

你是對的。我誤解了你的答案。 –

爲每個無線電添加屬性name="myRadio"。

來源

2014-05-21 11:20:15 pumpkinzzz

radio輸入由name屬性分組：

<div><input type="radio" name="foo" /></div> 
<div><input type="radio" name="foo" /></div> 
<div><input type="radio" name="foo" /></div> 
<div><input type="radio" name="foo" /></div>

Updated fiddle

注意，name屬性是必需的，以保持HTML有效性，並且還使檢索所選值可能在服務器端。

來源

2014-05-21 11:20:21

放到不同形式的標籤

<div><form> 
<fieldset> 
    <legend>Group 1</legend> 
    <label class="radio-inline"> 
     <input type="radio" name="radio" value="1">Group 1 Option 1</label> 
    <label class="radio-inline"> 
     <input type="radio" name="radio" value="2">Group 1 Option 2</label> 
    <label class="radio-inline"> 
     <input type="radio" name="radio" value="3">Group 1 Option 3</label> 
</fieldset> 
</form> 
<form> 
<fieldset> 
    <legend>Group 2</legend> 
    <label class="radio-inline"> 
     <input type="radio" name="radio" value="1">Group 2 Option 1</label> 
    <label class="radio-inline"> 
     <input type="radio" name="radio" value="2">Group 2 Option 2</label> 
    <label class="radio-inline"> 
     <input type="radio" name="radio" value="3">Group 2 Option 3</label> 
</fieldset> 
</form>

來源

2016-05-17 13:01:57 Pavithra

感謝upvoted的答案 –

我組單選按鈕，在不同的div標籤

回答

相關問題