我有一个复选框和一个信息图标。如果选中复选框，则必须在该信息图标

Question

我有一个复选框和一个信息图标。如果选中复选框，则必须在该信息图标的工具提示上显示一些消息。如果未选中复选框，则必须在工具提示上显示不同的消息信息图标。

Answer 1

试试这个：

Html代码：

<input type=”checkbox” name=”chkInput” id=”chkInput” value=”Show Information” />Show Information
<img id=”imgInformation” src=”info.jpg” alt=”Information” height=”50” width="50" tooltip=”Information Checkbox Unchecked”>

Jquery代码：

$(“#chkInput”).change(function(){
  if(this.checked){
   $(“#imgInformation").tooltip({ content: “Information Checkbox Checked” });
  }
else{
    $(“#imgInformation").tooltip({ content: “Information Checkbox Unchecked” });
  }
});

使用jquery http://jsfiddle.net/soyuka/vvVwD/查看设置工具提示的工作小提琴。 包括Jquery 1.9.1和JqueryUI 1.9.2。