Cle*_*lem 4 html javascript jquery
有没有办法在按钮内找到一个复选框?
目前我有这个解决方案:
<html>
<body>
<div id="menu">
<button><input type="checkbox" /></button>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
没关系,它适用于Chrome和Firefox ......但是IE真的很糟糕,所以我需要另一种方法来实现这个目标.
1 http://i46.tinypic.com/15p4ynk.png 2 http://i46.tinypic.com/2regz9c.png
有任何想法吗?谢谢
小智 6
我不完全确定你想在这里实现什么,所以如果我的答案不是你想要的,请原谅我。如果您想要一个更改复选框状态的按钮,那么@thecodeparadox 的答案应该会很好用,但是如果您正在寻找一个执行功能但内部还有一个可以切换的复选框的按钮,您可能想要类似于以下内容:
HTML:
<div id="button" href="#">
<input type="checkbox" class="check">Submit
</div>?
Run Code Online (Sandbox Code Playgroud)
CSS:
body {
margin: 10px;
}
#button {
display: inline-block;
background: #ddd;
border: 1px solid #ccc;
padding: 5px 10px;
text-decoration: underline;
color: blue;
cursor: pointer;
}
.check {
display: inline-block;
margin-right: 10px;
}
Run Code Online (Sandbox Code Playgroud)
? jQuery:
$('#button').on('click', function() {
window.location = '#';
})?
Run Code Online (Sandbox Code Playgroud)
http://jsfiddle.net/QStkd/278/