javascript - 选中输入标签复选框时显示文本

Question

我试图在用户选择 input 标签时显示文本，

例如我有以下代码:

<tr>
    <td class="align">
        Yes <br/>
        <input type="checkbox" />
    </td>
</tr>

一旦用户点击复选框，将出现以下文本:

"If you have selected yes,....."

而且我不确定JavaScript 是否是执行此操作的最佳途径。

但是，如果是，会不会是这样的:

<script>
    $(function(){ 
         if(input was checked)//not sure what would go here, new to Javascript
             display results//not sure either, new to Javascript
    });
</script>

Answer 1

如果你可以把文本放在后面，你可以在 CSS 中完成。

Yes<br />
<input type="checkbox" />
<span class="message">You have said Yes</span>

.message {
   display: none;
}
input[type=checkbox]:checked ~ .message {
   display: block;
}