nextSibling を使用して、チェックボックスの背後にあるテキストを取得し、バックグラウンドに渡します

checkBox のテキスト値を取得し、コンマで区切ってバックグラウンドに送信します。

コードを次の図に示します。

<div class="control-group">
	<label class="control-label">所属区:</label>
		<div class="controls">
			<c:forEach items="${areaList}" var="a">
				<input id="manageAreaCode" name="manageAreaCode" type="checkbox" value="${a.code}" <c:if test="${fn:contains(user.manageAreaCode, a.code)}">checked</c:if>/>${
    
    a.name}
			</c:forEach>
			<input type="hidden" id="manageAreaName" name="manageAreaName" value="${user.manageAreaName}" />
		</div>
	</div>

nextSibling は、現在のオブジェクトの次のオブジェクトを取得することです
nodeValue は、ノードの値を返すことです

<script type="text/javascript">
var paramName = ""; //获取参数
var position = document.getElementsByTagName("input");//获取页面上所有的input
//获取监测参数
for(var i = 0; i < position.length; i++) {
    
    
	if(position[i].name == "manageAreaCode" && position[i].checked == true) {
    
    
		paramName += (position[i].nextSibling.nodeValue + ","); // 得到checkBox文本内容，并用,隔开
	}
}
$("#manageAreaName").val(paramName.substring(0,paramName.length-1));
</script>

パーソナルテストは、原紙を使って提出するので確実で効果的で、個人的には少し面倒に感じます。