亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

根據下拉值激活復選框

根據下拉值激活復選框

米琪卡哇伊 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">&nbsp;<strong>Skip Venue & Event Details</strong>&nbsp;&nbsp;
查看完整描述

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>


查看完整回答
反對 回復 2022-06-09
  • 1 回答
  • 0 關注
  • 122 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號