Question

这是我在jquery中的第二个脚本。我想做什么：

<span class="">
    <input name="personalData1" id="personalData1" value="0" checked="checked" type="checkbox">
</span>

这是默认值。当用户单击此输入字段时，系统将选中的类添加到span。结果是：

<span class="checked">
    <input name="personalData1" id="personalData1" value="0" checked="checked" type="checkbox">
</span>

我想更改此输入的值。如果检查的值比其他方式的值为1则为0.我的代码：

$(document).ready(function () {
    $("#personalData1").change(function () {
        $('#opc_payment_methods-content').removeClass('hide');

        if ($('#personalData1 > span').hasClass('checked')) {
            window.alert('ok');
        }
    });
});

这个if语句有问题，我无法进入并显示警告。谢谢你的帮助。

亲切的问候

Answer 1

您应该使用parent方法，以获取更多信息Jquery .parent()

所以在你的函数中它将是：

$(document).ready(function () {
    $("#personalData1").change(function () {
        $('#opc_payment_methods-content').removeClass('hide');

        if ($('#personalData1').parent().hasClass('checked') == false) {
            window.alert('ok');
            $('#personalData1').parent().addClass('checked');
        }
    });
});

希望它有所帮助，

Answer 2

您引用复选框$('#personalData1 > span')作为父级。而是这样做：

 if ($('#personalData1').parent().hasClass('checked')) {
     window.alert('ok');
  }

如何使用jquery检查父元素的类

2 个答案: