jQuery 利用萬用字元獲取多選框選中的值

_zzh發表於2019-06-25
jQuery字元

1.首先看看jQuery的萬用字元使用：

$("input[id^='code']");//id屬性以code開始的所有input標籤

$("input[id$='code']");//id屬性以code結束的所有input標籤

$("input[id*='code']");//id屬性包含code的所有input標籤

參考：https://www.cnblogs.com/gilbert/p/5358145.html

2.然後結合選中屬性選中所有節點：

$("input[id^='productTypeId_']:checked")

3.通過each函式拼接字串完成獲取值的操作

 function getCheckBoxVal() {
      var str = "";
      $("input[id^='productTypeId_']:checked").each(function (index, item) {
             str += productTypeListForJS[$(this).val()] + ",";
       });
            return str;
}
參考：https://www.cnblogs.com/youmingkuang/p/10000856.html

4.結合點選事件來獲取值

$("input[id^='productTypeId_']").click(function () {
            // relatedTips();
            var checkBoxVal = getCheckBoxVal();
            console.log(checkBoxVal);
        })

相關文章