Re: [問題] 選取radio button時disable text field
※ 引述《david75 (時也!命也!運也!)》之銘言:
: ○ 選項1
: ○ 選項2
: ○ 選項3 ________
: ○ 選項4 其他:|________|
@_@試試用JQuery寫吧,由於你要的效果並不長,所以我幫你寫個範例了
---------------------------------------------------------
javascript程式碼如下,jquery-1.2.6.js請至官方下載
JQuery官方:http://jquery.com/ 或是你可以考慮用google library
請參考:http://blog.ericsk.org/archives/943
----------------------------------------------------------
<!--載入JS檔-->
<script src="jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
//當input的radio選項被選取時,且id為option4時
$("input[type='radio'][id='option4']").click(function () {
//移除id為other元素的disabled屬性
$("#other").removeAttr("disabled");
});
//當input的radio選項被選取時,且id不為option4時
$("input[type='radio'][id!='option4']").click(function () {
//為id為other元素增加一個名稱為disabled,值為disabled的屬性
$("#other").attr("disabled","disabled");
});
});
</script>
----------------------------------------------------------------
HTML改為如下,建議用標準寫法,請補上封閉標籤</tag>或是<tag />
屬性的部分請使用 key="value"的寫法
-----------------------------------------------------------------
<input id="option1" type="radio" name="a3" value="1" />選項1
<input id="option2" type="radio" name="a3" value="2" />選項2
<input id="option3" type="radio" name="a3" value="3" />選項3
<input id="option4" type="radio" name="a3" value="4" />選項4 其他:
<input id="other" type="text" name="a31" disabled="disabled" />
--
我的樂多網誌http://blog.roodo.com/liaosankai
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 203.67.218.192
推
07/02 10:57, , 1F
07/02 10:57, 1F
→
07/02 11:04, , 2F
07/02 11:04, 2F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):