Question

我试图在div中的任何位置单击鼠标，它将输入单选标记为选定项目。在我的情况下，只有当我单击广播时，它才起作用；在同一行中的其他地方，它不起作用

 <div class="row" style="padding-top:30px; cursor:pointer;"> 
    <div class="col-lg-1 col-xs-1"> 
        <div class="box"  style="margin-top:-15px"> 
            <input type="radio" name="order" class="form-radio" value="1" onclick="selectValue()" id="checkbox" />                                
        </div>                            
    </div>
    <div class="col-lg-6 col-xs-5">
        <div class="box">
           Mercedes CLS250
        </div>
    </div>
    <div class="col-lg-5 col-xs-5">
        <div class="box pull-right">
            <p style="text-align:right;">2000KB</p>
        </div>
    </div>
</div>


<div class="row" style="padding-top:30px; cursor:pointer;"> 
        <div class="col-lg-1 col-xs-1"> 
            <div class="box"  style="margin-top:-15px"> 
                <input type="radio" name="order" class="form-radio" value="2" onclick="selectValue()" id="checkbox" />                                
            </div>                            
        </div>
        <div class="col-lg-6 col-xs-5">
            <div class="box">
               Mercedes CLS350
            </div>
        </div>
        <div class="col-lg-5 col-xs-5">
            <div class="box pull-right">
                <p style="text-align:right;">300KB</p>
            </div>
        </div>
    </div>

我使用了css光标指针，但单击时未选择所选行。

Answer 1

如果我正确理解了您的问题，则希望有一个文本块，单击该文本块会触发对输入单选按钮的单击。

要执行此操作，您只需要一个label，其属性为for="input_id_goes_here"。这是一个示例：

<label for="female">Female</label>
<input type="radio" name="gender" id="female" value="female">

有了该代码，只要您单击label，input就会被选中。如果您想进一步了解for属性，请查看this question。

仅供参考，onclick属性用于JavaScript。

让我知道这是否有帮助以及您是否还有其他问题。

更新

在选中一个文本块时更改单选输入的另一种方法是用标签包裹输入，如下所示：

<label>Female <input type="radio" name="gender" value="female"></label>

因此，对于您的代码，只需更改<div class="row"> to <label class="row">。

感谢@KoshVery在下面的评论中指出！

Answer 2

两个输入中都有id =“复选框”。 ID必须是唯一的

 <input type="radio" name="order" class="form-radio" value="2" 
 onclick="selectValue()" id="checkbox" />

如果要在单击时触发整个div，请将函数添加到整个行div

单击div行选择输入

2 个答案: