我希望用户能够将鼠标悬停在链接上,单击它,它会自动选中它左侧的复选框,并且当它们选择它时,它将取消选中该框。选择链接,自动选中它的左边的复选框
我该怎么做?
<input type="checkbox" name="favorite_color" value="Orange"> <a href="#" rel="favorite_color">Orange</a>
我希望用户能够将鼠标悬停在链接上,单击它,它会自动选中它左侧的复选框,并且当它们选择它时,它将取消选中该框。选择链接,自动选中它的左边的复选框
我该怎么做?
<input type="checkbox" name="favorite_color" value="Orange"> <a href="#" rel="favorite_color">Orange</a>
取而代之的链接(锚),使用<label>
这是专为这一点:
<input type="checkbox" name="favorite_color" id="favorite_color" value="Orange">
<label for="favorite_color">Orange</label>
或不id
,缠着:
<label><input type="checkbox" name="favorite_color" value="Orange"> Orange</label>
这两个都没有JavaScript要求,只是内置的浏览器行为。
<input type="checkbox" id="chk" name="favorite_color" value="Orange">
<a href="#" rel="favorite_color" onclick="document.getElementById('chk').checked = true;"> Orange</a>
$('a').click(function() {
var checkbox = $(this).prev('input[type="checkbox"]')
checkbox.attr('checked', checkbox.is(':checked'));
}
它是否必须是链接?您可以在标签内加下划线/突出显示一个跨度。
<label>
<input type="checkbox" name="favorite_color" value="Orange">
<span class="make_it_look_like_a_link">Orange</span>
</label>
谢谢尼克。 – Brad 2010-12-02 20:19:11