javascript - 只有一个复选框被选中并且值

Question

我对复选框有一些小问题。更好的方法是单选按钮，但我必须使用复选框。

代码如下:

$('input.box1').not(this).prop('checked', false).val("N");

DEMO

它正在运行，因为其中一个复选框已被选中。但是这两个复选框的输入值是“真”。当我选中其他应具有“假”值的复选框时，如何更改该代码以执行此操作。

我尝试这样的事情:

$('input.box1').on('change', function() {
        $('input.box1').not(this).prop('checked', false).val("N");
        $('input.box1').this.prop('checked', true).val("T");
});

但没用

-我期望什么？1.在示例中单击第一个复选框 - 该复选框的值为“T”，第二个复选框的值为“N”2. 单击第二个复选框 - 该复选框的值为“T”，第一个复选框的值为“N”

Answer 1

您的代码在 $('input.box1').this.prop('checked',
真).val("T");

Uncaught TypeError: Cannot read property 'prop' of undefined

那是因为 $('input.box1').this 是未定义的。语法错误。

正确的方法是简单地在更改函数中使用上下文 this :

$('input.box1').on('change', function() {
        $('input.box1').not(this).prop('checked', false).val("N");
        $(this).val(this.checked?'Y':'N');
});

Working Demo