0

以下の関数があり、ユーザーが「追加」ボタンをクリックすると、以下の関数がトリガーされます。

function addwindow(gridValues) { 

    if($(plusbutton_clicked).attr('id')=='mainPlusbutton') { 

        $('#btn'+gridValues).trigger('click');


        } 

    $.modal.close(); 
    return false;
}

以下は、回答ボタン AZ、「True」または「False」、および「Yes」または「No」を表示できるコードです。

HTML コード:

<?php
    $a = range("A","Z");
?>

<table id="answerSection">
    <tr>

<?php
    $i = 1;
    foreach($a as $key => $val){
        if($i%7 == 1) echo"<tr><td>";
        echo"<input type=\"button\" onclick=\"btnclick(this);\" value=\"$val\" id=\"answer".$val."\" name=\"answer".$val."Name\" class=\"answerBtns answers answerBtnsOff\">";      
        if($i%7 == 0) echo"</td></tr>";
        $i++;
    }
?>
    </tr>
    <tr>
<td>
<input class="answerBtns answers" name="answerTrueName"  id="answerTrue"    type="button"   value="True"    onclick="btnclick(this);"/>
<input class="answerBtns answers" name="answerFalseName" id="answerFalse"   type="button"   value="False"   onclick="btnclick(this);"/>
<input class="answerBtns answers" name="answerYesName"   id="answerYes"     type="button"   value="Yes"     onclick="btnclick(this);"/>
<input class="answerBtns answers" name="answerNoName"    id="answerNo"      type="button"   value="No"      onclick="btnclick(this);"/>
</td>
</tr>
</table>

Javascript コード:

function getButtons()
{
    var i;
    if (initClick == 0) {
        for (i = 65; i <= 90; i++) { // iterate over character codes for A to Z
            $("#answer" + String.fromCharCode(i)).removeClass("answerBtnsOn").addClass("answerBtnsOff");

        }

        initClick = 1;
    }
    // code above makes sure all buttons start off with class answerBtnsOff, (so all button are white).
}

以下は、回答ボタンのオンとオフを切り替えるコードです。

function btnclick(btn)
{
    var context = $(btn).parents('#optionAndAnswer');

    if ($(btn).hasClass("answerBtnsOn")) {
        $(btn).removeClass("answerBtnsOn").addClass("answerBtnsOff");
        return false;
    }

    if ($(btn).hasClass("answerBtnsOff")) {
        $(btn).removeClass("answerBtnsOff").addClass("answerBtnsOn");
        return false;
    }
}

これで、「回答」と呼ばれるテーブル列があり、その列の下の各行には、回答と独自の「追加」ボタンが含まれています。私の質問は、行の1つに回答が含まれていてA B D F、ユーザーが「追加」ボタンをクリックしてこの行を追加した場合、回答ボタンA B D and Fをオンにし、他の回答ボタンをオフにしたいということです. もう 1 つの例は、回答が の場合、回答TrueボタンTrueをオンにし、他の回答ボタンをオフにすることです。

function addwindow(gridValues)「追加」ボタンをクリックすると、正解ボタンがオンになり、オフになるようにするには、何を入れる必要がありますか？

4

1 に答える 1

0

この方法でクリック時にIDを渡すと、セレンでデバッグするのに役立ちます：

$('input').click(function() {
    var id = $(this).attr('id');
    btnclick(id);
}

HTMLマークアップでonclick動作を削除しました。

それがうまくいくことを願っています。

于 2012-07-07T23:00:02.003 に答える