米琪卡哇伊
2022-06-09 18:27:04
我正在尋找一種 Javascript 解決方案,該解決方案將根據在同一表單的其他地方選擇的特定下拉值(在標準 HTML 中,由 SQL 生成)啟用(在其中放置檢查)表單上的復選框。我還沒有寫任何代碼,所以現在沒有任何代碼可以在這里展示。20 年 4 月 8 日編輯:根據 Giuliano 的出色幫助,我決定添加我放在一起的代碼(不起作用),如下所示:<%sSQL = "SELECT OrderTypeID, OrderTypeString FROM LookupOrderTypesII"Set rsOrderTypes = Server.CreateObject("ADODB.RecordSet")rsOrderTypes.Open sSQL, oConnGlobal, adOpenStatic, adLockReadOnly iTotalRecords = rsOrderTypes.RecordcountIf iTotalRecords > 0 Then%><br><b>SERVICE/ORDER TYPE:</b><br><script type="text/javascript"> let select = document.getElementById("cboOrderType"); let checkbox = document.getElementById("chkSkipVenueEventDetails"); select.addEventListener("change", function () { checkbox.checked = select.value == "12|LABOR SALES/PAYMENT"; });</script><select class="rounded" name="cboOrderType" id="cboOrderType"> <option value="Select One" selected>Select One</option> <option value="-9999" <%=IfSelected(iOrderTypeID, "Not Listed-ADD Custom Type")%>>Not Listed-ADD Custom Type</option> <% Do While Not rsOrderTypes.EOF iOrderTypeID = Trim(rsOrderTypes("OrderTypeID")) sOrderTypeString = Trim(rsOrderTypes("OrderTypeString")) %> <option value="<%=iOrderTypeID%>|<%=sOrderTypeString%>"<%=IfSelected(sOrderTypeString, sOrderTypeString_NewRequest)%>><%=sOrderTypeString%></option> <% rsOrderTypes.MoveNext Loop %></select><% rsOrderTypes.Close Set rsOrderTypes = NothingEnd If%>'''The SQL code generates the following code (as viewed in browser source):'''</select>這是復選框 HTML:<input type="checkbox" name="chkSkipVenueEventDetails" id="chkSkipVenueEventDetails"> <strong>Skip Venue & Event Details</strong>
1 回答

牧羊人nacy
TA貢獻1862條經驗 獲得超7個贊
您可以簡單地將事件偵聽器添加到選擇的“更改”事件中,并根據選擇的值更改復選框的“已選中”屬性
html:
<html>
<head></head>
<body>
<select id="select">
<option value="a" selected>something</option>
<option value="b">check</option>
</select>
<label>
<input id="checkbox" type="checkbox">
Checkbox
</label>
<script>
let select = document.getElementById("select");
let checkbox = document.getElementById("checkbox");
select.addEventListener("change", function () {
checkbox.checked = select.value !== "a";
});
</script>
</body>
</html>
添加回答
舉報
0/150
提交
取消