javascript - jQuery 使单选按钮不可点击

Question

是否可以在不“禁用”单选按钮的情况下使其“不可点击”/“不可选择”？

出于审美原因，我需要知道这是否可能以及如何实现。

当前代码如下:

<input name='example' value='1' type='radio'/>
<input name='example' value='2' checked='checked' type='radio'/>
<input name='example' value='3' type='radio'/>
<input name='example' value='4' type='radio'/>
<input name='example' value='5' type='radio'/>

Answer 1

要在不使用 disabled(这会简单得多)的情况下保留 radio 输入的选中/未选中状态，您可以使用以下内容:

// select the relevant radio input elements:
$('input[name="example"]')
    // bind a change-event handler using 'on()':
    .on('change', function(){
        // re-select the same elements:
        $('input[name="example"]')
            // set the 'checked' property back to the default (on page-load) state:
            .prop('checked', function(){
                return this.defaultChecked;
            });
    });

JS Fiddle demo .

引用资料:

• Attribute-equals ([attribute="value"]) selector .
• on() .
• prop() .