如何确定 Jquery 中另一个元素触发的单选框的状态？

发布于 2024-10-12 08:02:09 字数 593 浏览 1 评论 0原文

所以协议是我通过单击 div 元素来更新单选框元素。例如，我有 3 个 div，每个 div 内有 1 个单选框。

当您单击 div 时，单选框会被选中，但问题是这种方式 .change() 事件不起作用。

当我知道特定单选框丢失时如何获得结果：检查状态？

这是我目前拥有的代码：

$('# payment_method_cards, # payment_method_ibank_swe, # payment_method_bp').click(function(){
    $(this).children('input[name=" payment_method"]').attr('已检查','已检查');
    $('input[name=" payment_method"]').change(function(){
        if($(this).val() == 'bp'){
            警报（“就是这个”）；
        }
    }
});

仅当我单击单选框内部时才会触发单选框更改，但在 div 上时不会触发。

原文

So the deal is that i update radiobox elements by clicking on div elements.
So for example i have 3 divs and there's 1 radio box inside each div.

When you click on div the radio box gets checked, but problem is that this way .change() event does not work.

How would i get result where i know when particular radiobox has lost :checked status?

Here is code that i currently have:

$('#payment_method_cards, #payment_method_ibank_swe, #payment_method_bp').click(function(){
    $(this).children('input[name="payment_method"]').attr('checked','checked');
    $('input[name="payment_method"]').change(function(){
        if($(this).val() == 'bp'){
            alert("Thats the one");
        }
    }
});

The radiobox change only triggered if i click inside radiobox but not when on div.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夜吻♂芭芘 2024-10-19 08:02:09

我假设您有一个与 div 绑定的事件处理程序，该事件处理程序会触发 click 或添加 checked 属性。为什么在更改单选按钮的状态后不手动触发 change() 函数？

$("#check-me").bind("click", function() {
    $("#radio-btn1").click().change(); 
    // change radio button state, then trigger 'change' event.
});

更新：使用您提供的代码，您将执行以下操作（由于OP的评论而再次更新）：

$('#payment_method_cards, #payment_method_ibank_swe, #payment_method_bp').click(function(){
    var $radio = $(this).children('input[name="payment_method"]'); 
    if (!$radio.is(":checked")) {
        $radio.attr('checked','checked').change();
    }
});

您应该定义更改 click 处理程序之外的处理程序：

$('input[name="payment_method"]').change(function(){
    if($(this).val() == 'bp'){
        alert("Thats the one");
    }
}

I'm assuming you have an event handler tied to the div that triggers click or adds the checked attribute. Why not trigger the change() function manually after changing the state of the radio button?

$("#check-me").bind("click", function() {
    $("#radio-btn1").click().change(); 
    // change radio button state, then trigger 'change' event.
});

Update: With the code you provided, you would do something like this (updated again due to comment from OP):

$('#payment_method_cards, #payment_method_ibank_swe, #payment_method_bp').click(function(){
    var $radio = $(this).children('input[name="payment_method"]'); 
    if (!$radio.is(":checked")) {
        $radio.attr('checked','checked').change();
    }
});

You should define the change handler outside the click handler:

$('input[name="payment_method"]').change(function(){
    if($(this).val() == 'bp'){
        alert("Thats the one");
    }
}

回复收藏 0 原文

不及他 2024-10-19 08:02:09

使用标签代替 DIV：

<label> <input type="radio" value="1"> Male </label>

在上面的示例中，单击单词“Male”将触发更改事件。

我建议使用标签，但如果您坚持使用 DIV，此代码将适合您。仅当事先未选中单选框时才会触发更改事件。

$('#payment_method_cards, ...').click(function(){
    var radio = $(this).children('input[name="payment_method"]');

    if ( !radio[0].checked ) {
        radio.attr('checked', true).change();
    }
});

Use labels instead of the DIVs:

<label> <input type="radio" value="1"> Male </label>

In the above example, clicking on the word "Male" will trigger the change event.

I recommend using labels, but if you insist on using DIVs, this code will work for you. The change event is triggered only if the radio box was not checked beforehand.

$('#payment_method_cards, ...').click(function(){
    var radio = $(this).children('input[name="payment_method"]');

    if ( !radio[0].checked ) {
        radio.attr('checked', true).change();
    }
});

回复收藏 0 原文

~没有更多了~