Jqueryはチェックボックスの値を取得/設定するために走査します

自社のjsが統合したパブリックコンポーネントを利用して動的フォームリスト下のチェックボックスの値を取得する場合、最後に選択された値しか取得できません。この問題を解決するために、チェックボックス属性を解析し、値または代入をトラバースする方法を実現します。
以下のように、複数の都市を選択した場合は、翔潭の値のみを取得できます。
ここに画像の説明を挿入
フォーム データ オブジェクトの分析を通じて、単一のチェック ボックス チェックボックス オブジェクトのプロパティが得られます。チェックボックスの属性はコンテキストの下に配置され、選択されたチェック値は true になり、オプションの値は value に格納されます。
ここに画像の説明を挿入
ここに画像の説明を挿入

フォームは List 配列であり、フォームの各グループのチェック ボックスにクラス属性が追加されます。
ここに画像の説明を挿入
フォームのチェックボックスの値を取得するためのトラバース方法は次のとおりです。

function getRegionCode() {
   //获取资源所有地市编码
   for(var i=0;i<data.rights.malltRightsResourceRelVoList.length;i++) {
      var regionCodeId = "malltRightsResourceRelVoList"+ i;
      var checkedVal ="";
      //获取一组表单所有选中 复选框的值
      $('.'+regionCodeId).each(function(){

         if ($(this).context.checked == true){
            checkedVal+=$(this).val()+',';
         }
      });

      //为表单数据赋值
      data.rights.malltRightsResourceRelVoList[i].regionCode =  checkedVal.substr(0,checkedVal.length-1);
      console.info("new:"+data.rights.malltRightsResourceRelVoList[i].regionCode);

      //
      if(!isValid(data.rights.malltRightsResourceRelVoList[i].regionCode)){
         tabResult1.push({msg:"请选择资源地市配置"});
      }
   }
}

表示割り当てへのアクセスを初期化します

//获取资源所有地市编码
function regionInitCheck(){
   for(var i=0;i<data.rights.malltRightsResourceRelVoList.length;i++) {
      var regionCodeId = "malltRightsResourceRelVoList"+ i;
      var regionCodeList = data.rights.malltRightsResourceRelVoList[i].regionCode;
      console.info("初始化regionCodeList="+regionCodeList)
      $('.'+regionCodeId).each(function(){
         //console.info($(this))

         if (regionCodeList.indexOf($(this).context.value) != -1){
            $(this).context.checked = true;
         }
      });
   }
}

おすすめ

転載: blog.csdn.net/qq_44624722/article/details/117952853