第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

選擇一個(gè)圖像時(shí)通過(guò) Jquery 年份選擇器和滑動(dòng)滑塊重定向到下一頁(yè)的邏輯

選擇一個(gè)圖像時(shí)通過(guò) Jquery 年份選擇器和滑動(dòng)滑塊重定向到下一頁(yè)的邏輯

瀟瀟雨雨 2022-05-26 15:29:48
我是 javascript 的初學(xué)者。在一個(gè)頁(yè)面中,我創(chuàng)建了滑塊圖像,并在下方放置了一個(gè) Jquery 日期選擇器(它選擇年份)。場(chǎng)景:當(dāng)我在滑塊中選擇一個(gè)圖像并選擇它必須重定向到下一頁(yè)的年份時(shí)。提交按鈕:<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>當(dāng)我單擊該圖像時(shí),此代碼將重定向到下一頁(yè)。但是當(dāng)我選擇年份和圖像時(shí)我需要重定向,并且在點(diǎn)擊提交時(shí)必須重定向到下一頁(yè)。有人可以幫忙嗎?
查看完整描述

1 回答

?
慕森卡

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超8個(gè)贊

onclick="Redirect();"當(dāng)您單擊圖像時(shí),您的代碼建議被調(diào)用。

這里可以做兩件事,

  1. Redirect函數(shù)中,檢查日期是否被用戶選擇,如果沒(méi)有,提示選擇一個(gè)日期,一旦選擇然后重定向。

  2. 創(chuàng)建一個(gè)不同的submit按鈕。單擊imageanddate picker時(shí),保持不同的布爾值,該布爾值將設(shè)置為 true。單擊 時(shí)submit,檢查兩個(gè)布爾值是否為真,然后重定向,否則提示布爾值錯(cuò)誤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 中第二種方法的基本代碼表示。



查看完整回答
反對(duì) 回復(fù) 2022-05-26
  • 1 回答
  • 0 關(guān)注
  • 95 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)