0

我有一组 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;">

4

1 回答 1

0

如果您.click()在所选单选按钮上不带任何参数调用,它将执行该按钮的单击处理程序,就像用户单击它一样。

尝试:

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

当然,您必须将“xxx”更改为您为单选按钮指定的名称。

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

于 2013-04-07T04:59:50.657 回答