将复选框是否选择对应的样式转换为标记字段传给后台的实现

痴之以珩

于 2015-09-21 14:54:07 发布

阅读量791

点赞数

CC 4.0 BY-SA版权

文章标签： jquery class

本文链接：https://blog.youkuaiyun.com/paradise003/article/details/48626459

本文介绍了一个简单的单选框实现方案，通过点击事件改变单选框的状态，并更新隐藏域的值来标记是否被勾选。同时，通过添加和移除特定样式来视觉上反馈勾选状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

单选框如上，不勾选样式是：class="custom-radio"

勾选后样式是：class="custom-radio cr-check"

<i class="custom-radio" onclick="select();"></i>保证购买金额在100万以上

</div>

要完成的功能就是给该标签添加点击事件，将是否勾选的标记位传给后台。

则可以对样式进行判断，当存在样式cr-check说明已勾选，设置input标签limitFlag的值是0或1，分别标记是否勾选该参数；

 <input type="hidden" id="limitFlag" name="limitFlag" value="0">

该单选框的点击事件，对样式进行判断：

如果未勾选（$(".cr-check").length==0），则点击了就要将limitFlag设置为1，并添加样式“cr-check”；

如果勾选了则处理相反。

代码如下：

 function select() {  
  if($(".cr-check").length==0){
   $("#limitFlag").val("1");
   $(".custom-radio").addClass("cr-check");
  }else{
   $("#limitFlag").val("0");
   $(".custom-radio").removeClass("cr-check");
  }  
    }