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

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

根據(jù)總分移動(dòng)到不同的錨標(biāo)簽

根據(jù)總分移動(dòng)到不同的錨標(biāo)簽

PHP
拉風(fēng)的咖菲貓 2023-04-15 20:47:35
我有多項(xiàng)選擇題,根據(jù)累進(jìn)分?jǐn)?shù),用戶需要轉(zhuǎn)到不同的問題。例如,每個(gè)問題有 4 個(gè)答案,每個(gè)答案都有一個(gè)分?jǐn)?shù)。Question 1Answer 1 = 5 pointsAnswer 2 = 10 pointsAnswer 3 = 15 pointsAnswer 4 = 20 pointsQuestion 2Answer 1 = 5 pointsAnswer 2 = 10 pointsAnswer 3 = 15 pointsAnswer 4 = 20 points條件設(shè)置在后端,我可以說如果總分是 25,則轉(zhuǎn)到問題 7,否則如果任何其他分?jǐn)?shù)不是 25,則繼續(xù)下一個(gè)問題,即:問題 3。我只是使用錨標(biāo)簽在問題之間移動(dòng)。如果您查看下面的邏輯部分,我就會(huì)被絆倒。跳轉(zhuǎn)到邏輯需要當(dāng)前分?jǐn)?shù)進(jìn)行比較。要查明這條線,就是這條線: <?php if( get_field( 'go_to' )  && get_sub_field( 'score' ) == // CURRENT SCORE): ?>每次用戶單擊單選按鈕選項(xiàng)時(shí),當(dāng)前分?jǐn)?shù)都會(huì)發(fā)生變化。$().ready(function(){function calcscore(){    var score = 0;    $(".calc:checked").each(function(){        score+=parseInt($(this).val());    });  }    $(".calc").change(function(){        calcscore()    });});PHP:<?php if ($questions->have_posts() ):            while ($questions->have_posts() ): $questions->the_post();?><!--Show Question-->   <div class="question-container" id="<?php echo get_the_ID(); ?>">    <div class="question">        <h5><?php the_title(); ?></h5>        <!-- Show answers-->        <?php if (have_rows( 'answers' ) ):                while (have_rows( 'answers' ) ): the_row();        ?>            <input type="radio" name="input<?php echo get_the_ID(); ?>" id="input<?php echo get_row_index(); ?>" value="<?php echo get_sub_field( 'score' ); ?>" class="calc">            <label for="input<?php echo get_row_index(); ?>"><?php echo get_sub_field( 'answer' ); ?></label>        <?php endwhile; ?>        <?php endif; ?>        <!--logic-->        <?php if (have_rows( 'condition' ) ):                    while (have_rows( 'condition' ) ): the_row();        ?>                 <?php if( get_field( 'go_to' )  && get_sub_field( 'score' ) == // CURRENT SCORE): ?>             <a href="#<?php echo get_field( 'go_to' )->ID; ?>" class="next-btn">Next</a>            <?php else: ?>             <a href="#<?php echo get_the_ID() + 1; ?>" class="next-btn">Next</a>            <?php endif; ?>
查看完整描述

1 回答

?
UYOU

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

讓我們在 JavaScript 中執(zhí)行此操作。您已經(jīng)有一個(gè) JS 函數(shù),它會(huì)在每次單擊答案時(shí)運(yùn)行。在此功能中,您each在每個(gè)按鈕上都有一個(gè)循環(huán)radio...


$(".calc:checked").each(function(){...}

單選按鈕名稱連接到錨點(diǎn)名稱,對嗎? 讓我們使用那個(gè)連接! 所以嘗試添加這個(gè)...


if(this.prop('checked')) { // we only care about ANSWERED questions

    var newanchorlink = 'input' + parseInt($(this).attr('name').replace('input', ''), 10) + 1;

    $('.next-btn').attr('href', '#' + newanchorlink);

}

您應(yīng)該看到這里發(fā)生了什么:您的單選按鈕具有屬性name="input(SOMENUMBER)",因此,我采用該屬性,將“input”替換為“”,將其解析為整數(shù),將其加 1,然后將其與單詞“input”連接起來。我正在做的第二件事就是更改 href 以鏈接到我們的新 URL。


但是,這僅在各種條件下有效:您的輸入是增量的,即input1,input2等。您的輸入必須具有name的屬性input(somenumber),它不適用于nextinput(somenumber). 此外,我們正在檢查是否通過滿足條件的輸入列表中的最后一項(xiàng)來回答某些問題prop('checked'),如果您更改訂單或使用其他輸入,這將需要重新編碼。


當(dāng)然,我自己沒有測試過!這里發(fā)生了很多事情,制作演示有點(diǎn)多。但我希望這會(huì)有所幫助!


查看完整回答
反對 回復(fù) 2023-04-15
  • 1 回答
  • 0 關(guān)注
  • 125 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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