確保按鈕被按下，如果選中單選按鈕更改

我在我的網站上有一個錯誤...有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

來源

2014-05-10 bondbaby11

嘗試

$('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

來源

2014-05-10 03:24:32

它不工作：/我想我會得到更新Shippi ng按鈕按下，如果單選按鈕更改 – bondbaby11

不適用於我在我的網站上：/你可以提供我一個jsfiddle工作演示，所以我可以嘗試找出爲什麼它不是在我的網站上工作 – bondbaby11

@iheartbreakz哪裏有你添加了我寫在你的頁面上的代碼，我找不到它？ –

確保按鈕被按下，如果選中單選按鈕更改

回答

相關問題