检测动态生成的单选按钮和jQuery的变化
生活随笔
收集整理的這篇文章主要介紹了
检测动态生成的单选按钮和jQuery的变化
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
我試圖發(fā)現(xiàn)變化動(dòng)態(tài)生成的單選按鈕。我有一個(gè)生成的單選按鈕的表單,他們根據(jù)自己的ID保存在數(shù)據(jù)庫。所以這是什么
<input type="radio" name="data[Setting][47]" id="Setting47Entry" value="entry"> <input type="radio" name="data[Setting][47]" id="Setting47Standard" value="standard"> <input type="radio" name="data[Setting][48]" id="Setting48Entry" value="entry"> <input type="radio" name="data[Setting][48]" id="Setting48Standard" value="standard"> <input type="radio" name="data[Setting][49]" id="Setting49Entry" value="entry"> <input type="radio" name="data[Setting][49]" id="Setting49Standard" value="standard">沒有預(yù)定數(shù)將顯示單選按鈕。有可能是2或20,這取決于其他的選項(xiàng),用戶設(shè)置。
我知道如何檢測變化如果名字是靜態(tài)的,但由于名稱是不同的每個(gè)用戶,我不知道如何處理。
?
你為什么不使用attribute starts with selector嘗試,
$('input[name^="data[Setting]"]').change(function(){ });如果名稱是動(dòng)態(tài)的,獨(dú)特的和沒有線索來選擇他們的名字使用靜態(tài)的東西,像類名…
<input type="radio" class="user-option" name="data[Setting][47]" id="Setting47Entry" value="entry"> <input type="radio" class="user-option" name="data[Setting][47]" id="Setting47Standard" value="standard"> <input type="radio" class="user-option" name="data[Setting][48]" id="Setting48Entry" value="entry"> <input type="radio" class="user-option" name="data[Setting][48]" id="Setting48Standard" value="standard"> <input type="radio" class="user-option" name="data[Setting][49]" id="Setting49Entry" value="entry"> <input type="radio" class="user-option" name="data[Setting][49]" id="Setting49Standard" value="standard">現(xiàn)在你可以檢查事件
$(document).ready(function () { $('.user-option').on('change',function(){ alert($(this).attr('name') + ' has changed and now it is checked') }) });總結(jié)
以上是生活随笔為你收集整理的检测动态生成的单选按钮和jQuery的变化的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: web工程导入MyEclipse 就变成
- 下一篇: SWT的UI线程和非UI线程