在jquery中 ， 通過“:checked”選擇器獲得被選中的checkbox對象 ， 使用next()方法可以獲得當前行的input對象 ， 使用val()方法便可以獲得input的值 。 下面小編舉例講解jquery實現獲取checkbox選中的那一行input的值 。
需要這些哦
html+jquery
代碼編纂器：Dreamweaver CS5
方式/
1新建一個html文件 ， 定名為test.html ， 用于講解jquery實現獲取checkbox選中的那一行input的值 。
2在test.html文件內 ， 在p標簽內 ， 利用input標簽建立一個checkbox選項和一個文本框 ， 而且文本框設置默認值 。
3在test.html文件內 ， 給每一個checkbox類型input元素設置name屬性 ， 同一設置為ck ， 本家兒要用于下面經由過程該name獲得input對象 。
4在test.html文件內 ， 利用button標簽建立一個按鈕 ， 按鈕名稱為“獲得input值” 。
5在test.html文件中 ， 給button按鈕綁定onclick點擊事務 ， 當按鈕被點擊時 ， 執行getinput函數 。
6在js標簽中 ， 建立getinput()函數 ， 在函數內 ， 經由過程“:checked”選擇器獲得被選中的checkbox對象 ， 利用next()方式獲得checkbox相鄰的input文本框對象 ， 經由過程val()方式獲得它的值 。 最后 ， 利用alert()方式輸出input的值 。
7在瀏覽器打開test.html文件 ， 點擊按鈕 ， 查看成果 。
總結：1【jquery實現獲取checkbox選中的那一行input的值】1、建立一個test.html文件 。
2、在文件內 ， 在p標簽內 ， 利用input標簽建立一個checkbox選項和一個文本框 。 同時建立一個button按鈕 ， 用于觸發執行js函數 。
3、在js標簽內 ， 建立函數 ， 在函數內 ， 經由過程“:checked”選擇器獲得被選中的checkbox對象 ， 利用next()方式獲得checkbox相鄰的input文本框對象 ， 經由過程val()方式獲得它的值 。 最后 ， 利用alert()方式輸出input的值 。
注重事項:checked選擇器可以獲得被選中的checkbox對象
以上內容就是jquery實現獲取checkbox選中的那一行input的值的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 教你如何最快獲取到公眾號閱讀數和點贊數！
- 如何使用jQuery實現隔行變色效果
- 劍骨1.0正式版怎么獲取裝備 怎樣升級
- jquery怎樣去掉某個字符串
- 絕地求生刺激戰場手游黑色狩獵者時裝在哪獲取
- 火靈1.0正式版怎么獲取裝備 怎么升級
- 跑跑卡丁車怎么獲取永久冰瀾棉花糖
- 在網頁中如何實現顯示已登錄用戶的昵稱
- 魔獸世界懷舊服黎明符文怎么獲取
- 魔獸世界懷舊服：欺詐寶珠獲取指南