Question

对于下表：

<table>                    
  <tr>
    <td>
      <label for="check">
        <input type="checkbox" name="check" id="check" value="true" />
        Select something
      </label>
    </td>

    <td>
      <label for="select">
        <select name="select" id="select">
        <option value="Default"></option>
        <option value="A">A</option>
        <option value="B">B</option>
      </label>
    <td>
  </tr>

我正在尝试附加条件，如果已选中并在下拉列表中选择了“默认”，则工具提示会显示消息“错误”。

到目前为止我的jquery：

if ($("#check").is(":checked")) {  
  $select = $("#select");
  if ($select.val() == "Default") {
    $select.addClass("ui-tooltip"({ content: "error" }));                     
  }
}

工具提示的CSS：

.ui-tooltip  
{  
   background: #FFFCC; 
   border: 1px solid blue;        
}

Answer 1

如果要检查select evverytime中的值，用户单击复选框，则必须附加 .change（）事件处理程序，否则您的浏览器将无法知道何时运行功能。类似的东西：

$('#check').change(function(){
    if ($("#check").is(":checked")) {  
        $select = $("#select");
        if ($select.val() == "Default") {
            $select.addClass("ui-tooltip");                     
        }
     }
})

这会告诉您的浏览器运行该函数并在每次更改输入元素中值为检查（在此实例中为您的复选框）的值时检查选择框中的值。如果你想为它添加一些自定义内容，你可能需要做更多的jquery代码。

请注意add class方法的外观。我不确定你可以从那里添加内容，但可能是错误的

将工具提示附加到复选框

1 个答案: