Question

I have a PHP form that presents the user with two radio button options ("All Dates" vs "Date Range").

如果用户开始在“标准日期”或“到期日”中打字,我就象“Date range”无线电台。

同样,我也像“标准日期”和“到期日”文本领域一样,明确选择“所有日期”无线电台。

注:以下四部分是可加以限定的形式的一部分,因此,对贴现/姓名要素的“#index#”变量(无法确保可使用贴现/名称参考)。

<div>
    <label>Dates to Give:</label>
    <div>
        <input type="radio" name="dates_#index#" id="dates_all_#index#" class="required" value="1" />
        All dates<br />
        <input type="radio" name="dates_#index#" id="dates_range_#index#" class="required" value="0" />
        Date Range:
        <div id="give_from">
            <div>
                <label> Start Date:</label>
                <input type="text" name="start_date_#index#" id="start_date_#index#" class="date start_date" />
            </div>
            <div>
                <label> End Date:</label>
                <input type="text" name="end_date_#index#" id="end_date_#index#" class="date end_date" />
            </div>
        </div>
    </div>
</div>

Answer 1

将你的超文本(CFML)改为此(注:增加了指数=“#index#”):

<div>
    <label>Dates to Give:</label>
    <div>
        <input type="radio" name="dates_#index#" index="#index#" id="dates_all_#index#" class="required" value="1" />
        All dates<br />
        <input type="radio" name="dates_#index#" id="dates_range_#index#" class="required" value="0" />
        Date Range:
        <div id="give_from">
            <div>
                <label> Start Date:</label>
                <input type="text" name="start_date_#index#" index="#index#" id="start_date_#index#" class="date start_date" />
            </div>
            <div>
                <label> End Date:</label>
                <input type="text" name="end_date_#index#" index="#index#" id="end_date_#index#" class="date end_date" />
            </div>
        </div>
    </div>
</div>

加上本联合材料:

$(function () {


    $(".end_date, .start_date").keypress(function () {
        $("#dates_range_" + $(this).attr( index )).attr("checked", true);
    });

    $("##dates_all_#index#").click(function () {
        $("##end_date_" + $(this).attr( index ) + ", ##end_date_" + $(this).attr( index )).val("");

    });
});

友情链接