Question

我的网站上有一个错误...有2个单选按钮，一个用于美国，一个用于加拿大。美国的运费比我网站上的加拿大便宜，但来自加拿大的用户可以将运输偏好更新到美国，这比加拿大便宜，然后用户可以回到加拿大的选项，而无需按更新送货按钮并转到下一页。通过这种方式他们可以通过获得更便宜的运输。从中可以做出最简单的解决方案是什么？我在想一个可以检测用户是否更改了运送选项的JavaScript。

这是HTML部分的内容：

<input type='radio' id='1' name='shipping' value='1'/>&nbsp;United States&nbsp;
<input type='radio' id='2' name='shipping' value='2' checked="checked"/>&nbsp;Canada&nbsp;
<input type='submit' name='UpdateShipping' id='UpdateShipping' value='Update Shipping' />

您可以在行动here

中看到它

Answer 1

尝试

$('input[name="shipping"]').change(function(){ //change event of radio button
   $('#jcartUpdateShipping').trigger('click'); //click button
});

.change()

.trigger()

<小时/> OP发表评论后更新

.delegate()

$(document).delegate('input[name="shipping"]','change',function(){ //change event of radio button
   $('#jcartUpdateShipping').trigger('click'); //click button
});

// jQuery 1.4.3+
$( elements ).delegate( selector, events, data, handler );
// jQuery 1.7+
$( elements ).on( events, selector, data, handler );

<小时/> 使用Event Delegation

如果选中单选按钮更改，请确保按下按钮

1 个答案: