Javascript 在同一CSS horitonzal菜单中组合复选框和按钮_Javascript_Html_Css

Javascript 在同一CSS horitonzal菜单中组合复选框和按钮

javascript html css

Javascript 在同一CSS horitonzal菜单中组合复选框和按钮,javascript,html,css,Javascript,Html,Css,缩放部分的菜单项我需要它们作为按钮单击。Test1-4需要像复选框一样运行。“缩放到”按钮工作正常。测试1-4工作不正常 <body> <div id='cssmenu'> <ul> <li class='active'><a href='index.html'><span>Home</span></a></li> <li><a title='Zoom to

缩放部分的菜单项我需要它们作为按钮单击。Test1-4需要像复选框一样运行。“缩放到”按钮工作正常。测试1-4工作不正常

<body>
<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.html'><span>Home</span></a></li>
    <li><a title='Zoom to U.S' input type='button' name='US' onclick='US();'><span>Zoom to U.S.</span></a></li>
    <li><a title='Zoom to Canada' input type='button' name='Canada' onclick='Canada();'><span>Zoom to Canada</span></a></li>
    <li><a title='Zoom to Mexico' input type='button' name='Mexico' onclick='Mexico();'><span>Zoom to Mexico</span></a></li>    
    <li><a title='Test 1 KML' input type='checkbox' id='kml-Test1-check' name='kml-Test1-check' onclick="toggleKml('Test1');"><span>Test 1 KML</span></a></li>
    <li><a title='Test 2 KML' input type='checkbox' id='kml-Test2-check' name='kml-Test2-check' onclick="toggleKml('Test2');"><span>Test 2 KML</span></a></li>
    <li><a title='Test 3 KML' input type='checkbox' id='kml-Test3-check' name='kml-Test3-check' onclick="toggleKml('Test3');"><span>Test 3 KML</span></a></li>
    <li><a title='Test 4 KML' input type='checkbox' id='kml-Test4-check' name='kml-Test4-check' onclick="toggleKml('Test4');"><span>Test 4 KML</span></a></li>
    <li><a title='Additional KMLs'input type='button' name='AKML' onclick='open_win();'><span>Additional KMLs</span></a></li>
    <li><a title='Remove all KMLs on the screen'input type='button' name='RKML' onclick='killKML();'><span>Remove All KMLs</span></a></li>
    <li class='last'><a title="Contact"><span>Contact</span></a></li>
</ul>
</div>
</body>

您的HTML格式正确，而不是

<li><a title='Zoom to U.S' input type='button' name='US' onclick='US();'><span>Zoom to U.S.</span></a></li>


您的HTML格式正确，而不是
<li><a title='Zoom to U.S' input type='button' name='US' onclick='US();'><span>Zoom to U.S.</span></a></li>

如果您的JS有问题，您也应该提供这部分代码，并更好地定义“工作不正常”的含义。此外，您还可以提供一个JSFIDLE来帮助您更容易地“复选框部分将无法工作加载项目”什么复选框？您的HTML是正确的，而不是，认真地说，这是谁投的票？如果你的JS有问题，你也应该提供这部分代码，并更好地定义“工作不正常”的含义。此外，您还可以提供一个JSFIDLE来帮助您更容易地“复选框部分将无法工作加载项目”什么复选框？您的HTML是正确的，而不是，认真地说，这是谁投的票？它既不清楚也不有用。这解决了问题，但显示了一个复选框。我希望它看起来像一个按钮。我尝试在CSS中添加隐藏输入，但是这会破坏复选框。有什么想法吗？这解决了问题，但是会显示一个复选框。我希望它看起来像一个按钮。我尝试在CSS中添加隐藏输入，但是这会破坏复选框。有什么想法吗？
<li><a title='Zoom to U.S'><input type='button' name='US' onclick='US();'/><span>Zoom to U.S.</span></a></li>