Jquery datepicker和select事件上的多個

Question

我有一個帶有jquery日期選擇的表單和下面的單選按鈕

<table>
  <tr>
    <td>
        <input type="text" id="5506_datepick_1"></input>
    </td>
    <td>
        <input id="5506_protocol_protocol_1" type="radio" value="protocol 1" name="5506[protocol]">pp1</input>
        <input id="5506_protocol_protocol_2" type="radio" value="protocol 2" name="5506[protocol]">pp2</input>
    </td>
</tr>
<tr>
    <td>
        <input type="text" id="5507_datepick_2"></input>
    </td>
    <td>
        <input id="5507_protocol_protocol_1" type="radio" value="protocol 1" name="5507[protocol]">pp1</input>
        <input id="5507_protocol_protocol_2" type="radio" value="protocol 2" name="5507[protocol]">pp2</input>
    </td>
</tr>
</table>

每當有人選擇每行的輸入時（例如：5506 *的無線電和5506 *的日期選擇器），我希望無論選擇順序如何都能觸發功能。 我嘗試過以下（在Js Fiddle中），但它沒用。 任何人都對我如何不引人注目地進行任何想法。

的jsfiddle

Answer 1

您的輸入選擇器正在使用^= ，它與值的確切START匹配，但您的值不以該值開頭。 我建議將其更改為*=以便在ID內的任何位置進行搜索。 參考jQuery文檔

其次，你忘了一個關閉'為選擇的報價。

這修復了激活的選擇器問題。 現在你只需要觸發一個通用函數來檢查Date和Radio（在同一行中）是否已經填寫完畢。

修復了JSFiddle

這會在選擇日期時激活checkProtocol()函數，並將輸入文本元素傳遞給它。

$(this).datepicker({
    onSelect: function() { checkProtocol( this ) }
});

當為該組選擇單選按鈕並將該元素作為參數傳遞時，這將激活checkProtocol()函數。

$("input[id*='protocol_protocol']").change( function() { checkProtocol(this) } );