千家信息网

HTML单选和多选按钮怎么给图片加样式

发表于:2025-02-02 作者:千家信息网编辑
千家信息网最后更新 2025年02月02日,本文小编为大家详细介绍"HTML单选和多选按钮怎么给图片加样式",内容详细,步骤清晰,细节处理妥当,希望这篇"HTML单选和多选按钮怎么给图片加样式"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入
千家信息网最后更新 2025年02月02日HTML单选和多选按钮怎么给图片加样式

本文小编为大家详细介绍"HTML单选和多选按钮怎么给图片加样式",内容详细,步骤清晰,细节处理妥当,希望这篇"HTML单选和多选按钮怎么给图片加样式"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

  代码如下:

  

  

  

  

  

  

  $(function(){

  $("input[type='checkbox']").click(function(){

  if($(this).is(':checked')){

  $(this).attr("checked","checked");

  $(this).parent().removeClass("c_off").addClass("c_on");

  }else{

  $(this).removeAttr("checked");

  $(this).parent().removeClass("c_on").addClass("c_off");

  }

  });

  $("input[type='radio']").click(function(){

  $("input[type='radio']").removeAttr("checked");

  $(this).attr("checked","checked");

  $(this).parent().removeClass("r_off").addClass("r_on").siblings().removeClass("r_on").addClass("r_off");

  });

  });

  

  

  

  

  

  

  Checkbox1

  

  

  Checkbox2

  

  

  Radio1

  

  

  Radio2

  

  

  Radio3

  

  



读到这里,这篇"HTML单选和多选按钮怎么给图片加样式"文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注行业资讯频道。

0