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

If checkbox is checked, apply css to href

本文关键字：css 应用于 href 请将 复选框 如果      更新时间：2023-09-26

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

我的HTML:

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

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

谢谢。

类似的东西？使用jQuery。

$().ready(function() {
    var selected_option = $('#mySelectBox option:selected');
    if(selected_option) {
        // do something
        $('#SOMEELEMENT').css("background-color", "green");
    }
);

你需要这样的东西吗？

在这个简单的例子中，当您点击复选框时，它将在标签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>

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

您实际上可以在现代浏览器中使用CSS选择选中的输入：

input:checked {outline: 2px solid red;}
相关文章：