jquery中判断表单列表中某列是否存在重复项

2019独角兽企业重金招聘Python工程师标准>>>

业务场景中遇到需要判断表单列表中某列是否存在重复项，通过JAVA可以在后台判断，但是用jquery来操作更简洁方便。

类似下列列表，通过添加行自动生成。

  <table>
    <tr>
      <td><input name="serviceId1" type="text" id="serviceId1" value="serviceId1"></td>
    </tr>
    <tr>
      <td><input name="serviceId2" type="text" id="serviceId2" value="serviceId2"></td>
    </tr>
    <tr>
      <td><input name="serviceId1" type="text" id="serviceId1" value="serviceId1"></td>
    </tr>
  </table>

js中处理如下：

//检查所有明细表中XX项目是否有重复
var checkResult = true;
//对于所有id以serviceId为开头的元素进行判断
$("[id^='serviceId']").each(function () {
	var orginValue = $(this);				
	$("[id^='serviceId']").not(orginValue).each(function () {
		if (orginValue.val() == $(this).val()){
			//错误提示信息处理
			alert('XX列表中选择了重复的XX项目，请修正！');
			checkResult = false;
			return false;
		}
	});
	if(!checkResult){
		return false;
	}
});

此方法也适用于判断多个列表间是否存在重复的值的判断。

转载于:https://my.oschina.net/aixiaohua/blog/670009