Question

我是jQuery的新手，希望有人能给我看一个如何检查输入值并添加类的示例：

例如：

if($('#myFieldId').val() == 1) {
    $('#myFieldId').addClass('info');
} else if($('#myFieldId').val() == 0) {
    $('#myFieldId').addClass('muted');
}

我有一个简单的消息传递系统，因此当用户查看消息时，它会将值更改为1。

所以我想在表格行中添加一个类，如果值为= 0则表示未读/新消息

Answer 1

使用val()函数获取输入字段的当前值，使用addClass()函数将类添加到指定的字段。

只需将 #myFieldId 替换为您用于输入字段的 jQuery选择器：

if($('#myFieldId').val() == 1) {
    $('#myFieldId').addClass('info');
} else if($('#myFieldId').val() == 0) {
    $('#myFieldId').addClass('muted');
}

Answer 2

以上是您为单选按钮解释的场景的完整示例。

 $(document).ready(function() {
    $('input:radio').change(function(e){
       var targetValue =  e.target.value;

       if(targetValue == 1) {
          $(this).addClass("info");
       }
       else {
           $(this).addClass("muted");
       }
    });
});

Exaplanation：你希望有一个事件监听器知道单击单选按钮的时间，它会将相应的类添加到该输入。

读取输入值并通过javascript添加类

2 个答案: