Question

如果选中复选框，请将css应用于href

我的HTML：

<a href="#"">             
    <input type="checkbox" checked="checked">0-3 Months
</a>

我无法访问HTML本身（SaaS环境）来编辑CSS或添加ID，名称或类。因此，如果选中任何复选框，逻辑必须是。

谢谢。

Answer 1

这样的东西？使用jQuery。

$().ready(function() {
    var selected_option = $('#mySelectBox option:selected');

    if(selected_option) {
        // do something
        $('#SOMEELEMENT').css("background-color", "green");
    }
);

Answer 2

你需要这样的东西吗？

在这个简单的例子中，当您单击复选框时，它将在标记A（href）处应用红色背景

  <html>

  <style type="text/css">        
  .myNewCSS {
    background-color: red
  }
  </style>

  <a href="#" class="x">             
      <input type="checkbox" checked="checked" onclick="test(this)"/> 0-3 Months
  </a>

  <script type="text/javascript">
    function test(chk){
      chk.parentNode.className = "myNewCSS";
    }
  </script>

  </html>

Answer 3

如果您的意思是将样式应用于<a>，那么就不可能完全使用css。你需要使用javascript

Answer 4

您现在可以在现代浏览器中使用CSS选择已检查的输入：

input:checked {outline: 2px solid red;}

如果选中复选框，则将css应用于href

4 个答案: