Question

我有一组4个单选按钮，单击时会在我的页面上显示/隐藏div。

如果我的表单验证失败，我会将用户返回到表格，并选中最后点击的单选按钮。

我遇到的问题是它没有显示/隐藏div，因为在这个例子中没有点击单选按钮。

我想要做的是在页面加载检测选中哪个单选按钮，然后触发单击事件。（即模拟某人点击该单选按钮），然后显示/隐藏我的div。

我显示隐藏的代码看起来像这样

$('#showduo').click(function(){
$('div[id^=div]').hide();
$('#div1').show();

HTML：

<input type="radio" name="type" value="Single" id="hideall" <?php echo set_radio('type', 'Single', TRUE); ?> />
<input type="radio" name="type" value="Singleplus" id="showsingleplus" <?php echo set_radio('type', 'Singleplus'); ?> />
<input type="radio" name="type" value="Duo" id="showduo" <?php echo set_radio('type', 'Duo'); ?> />
<input type="radio" name="type" value="Family" id="showfamily" <?php echo set_radio('type', 'Family'); ?> />

<div id="div1" style="display:none;">

Answer 1

如果您在所选单选按钮上没有任何参数的情况下调用.click()，它将执行该按钮的点击处理程序，就像用户点击它一样。

尝试：

$('input:radio[name=xxx]:checked').click();

当然，您必须将“xxx”更改为您给出单选按钮的名称。

注意：我不得不说我不会这样，所以每个单选按钮都有自己的处理程序。这意味着如果要添加另一个单选按钮，则必须添加JavaScript。

检测已选中的单选按钮并触发单击

1 个答案: