JS选择的值进行加亮

本文详细介绍了如何使用JavaScript实现手机通讯方式的切换效果,并通过HTML和CSS展示不同通讯方式的样式变化。包括了对选中值的高亮显示以及通过隐藏域进行参数传递的操作。

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

//切换效果  js
function switchTab(mark,index,count) {
 var curTab = document.getElementById("tab_"+mark+index)
 var curTab2 = document.getElementById("tab_"+mark+"0")
 var form = $("#form");
 var getvalue="";
 var finalvalue="";
 for(var i=0;i<=count;i++) {
 var tabObj = document.getElementById("tab_"+mark+i) ;
 if (i != index) {
  if (tabObj) {
   $(tabObj).attr("style","");
   }
  }
 }

 if (curTab) {
  $(curTab).attr("style","color:#fb2c0a;font-weight:bold;");
<%--  alert($(curTab2).attr("style"));--%>
  if(curTab.title!=curTab2.title)
  {
   $(curTab2).removeAttr("style");
  }
  
  
  getvalue=curTab.title;

  var getHiddenValue = document.getElementById("propertyID").value; //用隐藏域来进行传值
  if(""==getHiddenValue)
  {
    $("#propertyIDs").attr("value",getvalue)
   formAction()
  }
  else
  {
<%--   alert(getvalue.substring(1,5));--%>
   if(getHiddenValue.indexOf(getvalue.substring(1,5)) ==-1)
   {
    finalvalue = getHiddenValue+","+getvalue;
   }
   else
   {
    var tempvalue=getHiddenValue.split(",")
    for(var i=0;i<tempvalue.length;i++)
    {
     if(tempvalue[i].indexOf(getvalue.substring(1,5))>-1)
     {
 <%--     tempvalue[i]= getvalue;--%>
 <%--     getHiddenValue.substring(tempvalue[i],getvalue)--%>
      if(""!=finalvalue)
         {
          finalvalue= finalvalue+","+getvalue;
         }
      else
      {
       finalvalue= getvalue;
      }
      
     }
     else
     {
                     if(""!=finalvalue)
                     {
                      finalvalue = tempvalue[i]+","+finalvalue;
                     }
                     else{
                     
                      finalvalue = tempvalue[i]
                     }
     }
    }
   }
<%--   alert(finalvalue)--%>
             $("#propertyIDs").attr("value",finalvalue)
   formAction()
   
  }
  }

 
 
 return false;
 }

 

 

JSP 对选中的值进行加亮

 

 <li id="tab_50" onclick="switchTab(5,0,10)" title="'3101'" value="other" style="color:#fb2c0a;font-weight:bold;"><a id="inteSear0" style="cursor:pointer">全部</a></li>
                     <li id="tab_51" onclick="switchTab(5,1,10)" title="'3101003'" value="3101003"><a id="inteSear1" style="cursor:pointer">联通3G(WCDMA)</a></li>
                     <li id="tab_52" onclick="switchTab(5,2,10)" title="'3101004'" value="3101004"><a id="inteSear2" style="cursor:pointer">GSM+CDMA2000(双网)</a></li>
                     <li id="tab_53" onclick="switchTab(5,3,10)" title="'3101002'" value="\\'3101002\\'"><a id="inteSear3" style="cursor:pointer">移动3G(TD-SCDMA)</a></li>
                     <li id="tab_54" onclick="switchTab(5,4,10)" title="'3101001'" value="\\'3101001\\'"><a id="inteSear4" style="cursor:pointer">电信3G(CDMA2000)</a></li>
                           <li id="tab_55" onclick="switchTab(5,5,10)" title="'3101005'" value="\'3101005\'"><a id="inteSear5" style="cursor:pointer">GSM+CDMA(双网)</a></li>
                     <li id="tab_56" onclick="switchTab(5,6,10)" title="'3101009'" value="\'3101009\'"><a id="inteSear6" style="cursor:pointer">双卡双待</a></li>
                     <li id="tab_57" onclick="switchTab(5,7,10)" title="'3101007'" value="\'3101007\'"><a id="inteSear7" style="cursor:pointer">GSM</a></li>
                     <li id="tab_58" onclick="switchTab(5,8,10)" title="'3101006'" value="\'3101006\'"><a id="inteSear7" style="cursor:pointer">CDMA</a></li>
                     <li id="tab_59" onclick="switchTab(5,9,10)" title="'3101008'" value="\'3101008\'"><a id="inteSear9" style="cursor:pointer">小灵通</a></li>

资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 华为移动服务(Huawei Mobile Services,简称 HMS)是一个全面开放的移动服务生态系统,为企业和开发者提供了丰富的工具和 API,助力他们构建、运营和推广应用。其中,HMS Scankit 是华为推出的一款扫描服务 SDK,支持快速集成到安卓应用中,能够提供高效且稳定的二维码和条形码扫描功能,适用于商品扫码、支付验证、信息获取等多种场景。 集成 HMS Scankit SDK 主要包括以下步骤:首先,在项目的 build.gradle 文件中添加 HMS Core 库和 Scankit 依赖;其次,在 AndroidManifest.xml 文件中添加相机访问和互联网访问权限;然后,在应用程序的 onCreate 方法中调用 HmsClient 进行初始化;接着,可以选择自定义扫描界面或使用 Scankit 提供的默认扫描界面;最后,实现 ScanCallback 接口以处理扫描成功和失败的回调。 HMS Scankit 内部集成了开源的 Zxing(Zebra Crossing)库,这是一个功能强大的条码和二维码处理库,提供了解码、生成、解析等多种功能,既可以单独使用,也可以其他扫描框架结合使用。在 HMS Scankit 中,Zxing 经过优化,以更好地适应华为设备,从而提升扫描性能。 通常,ScanKitDemoGuide 包含了集成 HMS Scankit 的示例代码,涵盖扫描界面的布局、扫描操作的启动和停止以及扫描结果的处理等内容。开发者可以参考这些代码,快速掌握在自己的应用中实现扫码功能的方法。例如,启动扫描的方法如下: 处理扫描结果的回调如下: HMS Scankit 支持所有安卓手机,但在华为设备上能够提供最佳性能和体验,因为它针对华为硬件进行了
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值