收音机类型按钮不能正常工作

时间:2018-04-13 11:35:29

标签: html radio-button

我的代码:

广播文字输入类型无法正常工作
  选择了所有单选按钮。

<input type="radio" name="cash" id="cash" value="CASH"/>CASH<br />
<input type="radio" name="card" id="card" value="CARD"/>CARD<br />
<input type="radio" name="netbank" id="netbank" value="NETBANKING"/>NETBANKING<br />
<input type="radio" name="paypal" id="paypal" value="PAYPAL"/>PAYPAL<br />

演示:https://jsfiddle.net/hw7u83vm/

4 个答案:

答案 0 :(得分:1)

具有相同名称的无线电被视为一个组。当您选择一个按钮时,同一组中的所有其他按钮都将被取消选择。

使用

 <input type="radio" name="type" id="cash" value="CASH"/>CASH<br />
               <input type="radio" name="type" id="card" value="CARD"/>CARD<br />
               <input type="radio" name="type" id="netbank" value="NETBANKING"/>NETBANKING<br />
               <input type="radio" name="type" id="paypal" value="PAYPAL"/>PAYPAL<br />

答案 1 :(得分:0)

           <input type="radio" name="Payment" id="cash" value="CASH"/>CASH<br />
           <input type="radio" name="Payment" id="card" value="CARD"/>CARD<br />
           <input type="radio" name="Payment" id="netbank" value="NETBANKING"/>NETBANKING<br />
           <input type="radio" name="Payment" id="paypal" value="PAYPAL"/>PAYPAL<br />

使用此功能,我已将名称更改为“付款”。 名称应相同

答案 2 :(得分:0)

对于单选按钮正常工作,您必须具有所有单选按钮的公共name属性

<input type="radio" name="payment" id="cash" value="CASH"/>CASH<br />
<input type="radio" name="payment" id="card" value="CARD"/>CARD<br />
<input type="radio" name="payment" id="netbank" value="NETBANKING"/>NETBANKING<br />
<input type="radio" name="payment" id="paypal" value="PAYPAL"/>PAYPAL<br />

DEMO:https://jsfiddle.net/md2o2m6x/

答案 3 :(得分:0)

如果您希望允许用户选择多个框,请使用输入类型复选框,但名称属性必须相同。

Pool

如果您希望用户只选择一个框,请使用输入类型radio,但name属性必须相同才能使其正常工作

CASH
    CARD
    网路银行
    PAYPAL