ปัญหาของ check box เลือกได้เพียง 1 รายการ. เขียน code เลือก checkbox ได้เพียง 1 รายการ โดยให้เลืือกระหว่าง เบิก กับ ทำสี
ยังไม่ได้อ้ะค้ะ
Date :
2013-11-13 11:01:49By :
PALM26
Code (PHP) <input type="checkbox" name="chk_take[<?=$x;?>]" id="chk_take<?=$x;?>_1" value="1" class="css_data_item" > เบิก
68.
<input type="checkbox" name="chk_take[<?=$x;?>]" id="chk_take<?=$x;?>_2" value="2" class="css_data_item" > ทำสี
Date :
2013-11-13 11:37:34By :
evvyy
ยังเหมือนเดิมค่ะ
Date :
2013-11-13 11:47:19By :
PALM26
มันควรจะเป็น radio button ไม่ใช่ checkbox เลือกใช้ให้ถูกจะได้ไม่เพลีย
Date :
2013-11-13 11:53:33By :
PlaKriM
ถ้าจะใช้เช็คแบบช่อง 4 เหลี่ยม - ลองศึกษาพวก Element Hidden ครับ คลิกอัน แรกอัน 2 ไม่ทำงาน คลิกอัน 2 ก็สลับไปมา ทำไงไม่รู้ แต่ทำได้ - ซึ่งวุ่นวาย เข้าออกแบบ Check Box มาให้เลือกแบบหลาย ๆ อันจ้ะ
Date :
2013-11-13 12:00:46By :
apisitp
บางทีอาจจะใช้ radio button แล้วใช้ query uncheck มันเอาก็ได้
Date :
2013-11-13 12:01:17By :
PlaKriM
Date :
2013-11-13 12:27:42By :
apisitp
เพิ่มแอตทริบิว ref="<?=$x;?>" (ref คือชื่อที่ผมตั้งขึ้นเอง)Code (PHP) <input type="checkbox" name="chk_take[<?=$x;?>]" id="chk_take<?=$x;?>_1" value="1" class="css_data_item" ref="<?=$x;?>"> เบิก
<input type="checkbox" name="chk_take[<?=$x;?>]" id="chk_take<?=$x;?>_2" value="2" class="css_data_item" ref="<?=$x;?>" > ทำสี
Code (JavaScript)
$(".css_data_item").click(function(){
var xId = $(this).attr('ref');
if($(this).attr('checked') != undefined && $(this).val()==1){
$('#chk_take' + xId + '_2').attr('checked', false);
}
if($(this).attr('checked') != undefined && $(this).val()==2){
$('#chk_take' + xId + '_1').attr('checked', false);
}
});
Date :
2013-11-13 14:18:55By :
{Cyberman}
Code (JavaScript)
<script type="text/javascript">
function chkTest(chk) {
// if it was checked before
if(chk.checked) {
// bind event to reset state after click is completed
$(chk).mouseup(function() {
// bind param, because "this" will point somewhere else in setTimeout
var radio = chk;
// apparently if you do it immediatelly, it will be overriden, hence wait a tiny bit
setTimeout(function() {
radio.checked = false;
}, 5);
// don't handle mouseup anymore unless bound again
$(chk).unbind('mouseup');
});
}
}
</script>
Code (PHP) <input type="radio" name="radio1" id="radio11" value="male" onmousedown="javascript:chkTest(this);" />
<label for="radio11">Male</label>
<input type="radio" name="radio1" id="radio12" value="female" onmousedown="javascript:chkTest(this);" />
<label for="radio12">Female</label>
<br />
<input type="radio" name="radio2" id="radio21" value="male" onmousedown="javascript:chkTest(this);" />
<label for="radio21">Male</label>
<input type="radio" name="radio2" id="radio22" value="female" onmousedown="javascript:chkTest(this);" />
<label for="radio22">Female</label>
Date :
2013-11-13 15:55:53By :
ห้ามตอบเกินวันละ 2 กระทู้
Code (JavaScript)
<script type="text/javascript">
function checkboxTest(chk) {
if(chk.checked) {
var ele = document.getElementsByName($(chk).attr('name'));
for(var i=0; i < ele.length; i++) {
if ($(chk).attr('id') !== $(ele[i]).attr('id')) {
$(ele[i]).attr('checked', false);
}
}
}
}
</script>
Code (PHP) <input type="checkbox" name="checkbox1" id="checkbox11" value="male" onclick="javascript:checkboxTest(this);" />
<label for="checkbox11">Male</label>
<input type="checkbox" name="checkbox1" id="checkbox12" value="female" onclick="javascript:checkboxTest(this);" />
<label for="checkbox12">Female</label>
<br />
<input type="checkbox" name="checkbox2" id="checkbox21" value="male" onclick="javascript:checkboxTest(this);" />
<label for="checkbox21">Male</label>
<input type="checkbox" name="checkbox2" id="checkbox22" value="female" onclick="javascript:checkboxTest(this);" />
<label for="checkbox22">Female</label>
Date :
2013-11-13 16:25:45By :
ห้ามตอบเกินวันละ 2 กระทู้
Quote: Code (PHP) <div><input type="checkbox" name="bigA" value='withdraw' /> เบิก
<input type="checkbox" name="bigA" value='painting' /> ทำสี
</div>
<div><input type="checkbox" name="bigB" value='withdraw' /> เบิก
<input type="checkbox" name="bigB" value='painting' /> ทำสี
</div>
<div><input type="checkbox" name="bigC" value='withdraw' /> เบิก
<input type="checkbox" name="bigC" value='painting' /> ทำสี
</div>
Code (JavaScript)
$(document).ready(function(){
var whichOne,current;
$(":checkbox").click(function(){
current = $(this);
whichOne = current.attr("name");
$("input[name='"+whichOne+"']:checkbox").removeAttr("checked");
current.prop('checked',true);
});
});
Date :
2013-11-13 18:07:44By :
sakuraei
Server 05
Load balance : Server 05
