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

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

選擇一個圖像時通過 Jquery 年份選擇器和滑動滑塊重定向到下一頁的邏輯

選擇一個圖像時通過 Jquery 年份選擇器和滑動滑塊重定向到下一頁的邏輯

瀟瀟雨雨 2022-05-26 15:29:48
我是 javascript 的初學者。在一個頁面中,我創建了滑塊圖像,并在下方放置了一個 Jquery 日期選擇器(它選擇年份)。場景:當我在滑塊中選擇一個圖像并選擇它必須重定向到下一頁的年份時。提交按鈕:<script type="text/javascript">let _img = document.getElementById("img");let _img1 = document.getElementById("img1");let _img2 = document.getElementById("img2");let _picker = document.getElementById("picker");let _btn = document.getElementById("button");let isImgClicked = false;let isDatePicked = false;_img.addEventListener("click", function(){  isImgClicked = true;});_img1.addEventListener("click", function(){  isImgClicked = true;});_img2.addEventListener("click", function(){  isImgClicked = true;});_picker.addEventListener("click", function(){  isDatePicked = true;});_btn.addEventListener("click", function(){              if(!isImgClicked || !isDatePicked)              {                  alert("select the Year and Click the car image");              }              else                  {                  if((isImgClicked == "img") && (isDatePicked == "2020"))                     {                        window.location.replace("sample.html");                     }                  else if((isImgClicked == "img") && (isDatePicked == "2019"))                     {                   window.location.replace("sample1.html");                     }                  else                      {                        if((isImgClicked == "img1") && (isDatePicked == "2019"))                  {                  window.location.replace("sample2.html");                  }              else if((isImgClicked == "img1") && (isDatePicked == "2020"))                  {                   window.location.replace("sample3.html");                  }              else                  {                  alert("!!!!")                  }                 }                 }        });</script>當我單擊該圖像時,此代碼將重定向到下一頁。但是當我選擇年份和圖像時我需要重定向,并且在點擊提交時必須重定向到下一頁。有人可以幫忙嗎?
查看完整描述

1 回答

?
慕森卡

TA貢獻1806條經驗 獲得超8個贊

onclick="Redirect();"當您單擊圖像時,您的代碼建議被調用。

這里可以做兩件事,

  1. Redirect函數中,檢查日期是否被用戶選擇,如果沒有,提示選擇一個日期,一旦選擇然后重定向。

  2. 創建一個不同的submit按鈕。單擊imageanddate picker時,保持不同的布爾值,該布爾值將設置為 true。單擊 時submit,檢查兩個布爾值是否為真,然后重定向,否則提示布爾值錯誤false

let _img = document.getElementById("img")

let _picker = document.getElementById("picker")

let _btn = document.getElementById("btn")


let isImgClicked = false

let isDatePicked = false

_img.addEventListener("click", () => {

  isImgClicked = true

})

_picker.addEventListener("click", () => {

  isDatePicked = true

})

_btn.addEventListener("click", () => {

  if (!isImgClicked)

    alert("Image Not clicked")

  else if (!isDatePicked)

    alert("Date not picked")

  else

    alert("All good! Need to reirect")

})

<img src="https://res.cloudinary.com/demo/image/upload/w_400,h_400,c_crop,g_face,r_max/w_200/lady.jpg" id="img">


<div id="picker">

  Dummy date picker

</div>


<button id="btn">

  Submit

</button>

上面是 vanilla javascript 中第二種方法的基本代碼表示。



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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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