คำถามติดแท็ก checkbox

เมื่อใช้เบราว์เซอร์ใหม่ที่รองรับ HTML5 (FireFox 4 เป็นต้น); และเขตข้อมูลฟอร์มมีแอตทริบิวต์required='required'; และเขตข้อมูลฟอร์มว่าง / ว่างเปล่า และคลิกปุ่มส่ง เบราว์เซอร์ตรวจพบว่าช่อง "จำเป็น" ว่างเปล่าและไม่ได้ส่งแบบฟอร์ม; เบราว์เซอร์จะแสดงคำใบ้ที่ขอให้ผู้ใช้พิมพ์ข้อความลงในฟิลด์แทน ตอนนี้แทนที่จะมีฟิลด์ข้อความเดียวฉันมีกลุ่มของช่องทำเครื่องหมายซึ่งต้องมีการตรวจสอบ / เลือกอย่างน้อยหนึ่งรายการโดยผู้ใช้ ฉันจะใช้requiredคุณสมบัติHTML5 ในช่องทำเครื่องหมายกลุ่มนี้ได้อย่างไร (เนื่องจากต้องทำเครื่องหมายที่ช่องเดียวเท่านั้นฉันจึงไม่สามารถใส่requiredแอตทริบิวต์ในแต่ละช่องทำเครื่องหมายได้) PS ฉันกำลังใช้simple_formถ้ามันสำคัญ UPDATE อาจHTML 5 multipleแอตทริบิวต์จะเป็นประโยชน์ต่อที่นี่? มีใครใช้ก่อนทำสิ่งที่คล้ายกับคำถามของฉัน UPDATE มันปรากฏว่าคุณลักษณะนี้จะไม่ได้รับการสนับสนุนจากสเปค HTML5 นี้: ISSUE-111: สิ่งที่ไม่จำเป็นต้องใช้การป้อนข้อมูล @ เฉลี่ยสำหรับ @type = ช่องทำเครื่องหมาย. (สถานะปัญหา: ปัญหาที่ถูกทำเครื่องหมายปิดโดยปราศจากอคติ. ) และนี่คือคำอธิบาย อัพเดท 2 มันเป็นคำถามเก่า แต่ต้องการชี้แจงว่าเจตนาดั้งเดิมของคำถามนั้นสามารถทำได้โดยไม่ต้องใช้ Javascript - เช่นใช้ HTML5 …

172 forms  html  validation  checkbox 

ฉันมีปัญหาในการอัปเดตสถานะช่องทำเครื่องหมายหลังจากได้รับมอบหมายด้วยค่าเริ่มต้นchecked="checked"ใน React var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); หลังจากกำหนดchecked="checked"ฉันไม่สามารถโต้ตอบสถานะช่องทำเครื่องหมายโดยคลิกเพื่อยกเลิกการเลือก / ตรวจสอบ

169 reactjs  checkbox 

ไม่มีวิธีที่จะมีปุ่มตรวจสอบสามสถานะ (ใช่, ไม่, ไม่มีค่า) ใน HTML ใช่ไหม? มีกลเม็ดหรือวิธีแก้ปัญหาง่ายๆโดยไม่ต้องทำเองทั้งหมดหรือไม่?

163 html  forms  checkbox 

ฉันมี 1 แบบฟอร์มโดยมีช่องทำเครื่องหมายหลายช่อง (แต่ละรหัสมี): <input type="checkbox" name="check_list" value="<? echo $row['Report ID'] ?>"> ในกรณีที่$row['Report ID']เป็นคีย์หลักในฐานข้อมูล -So แต่ละค่าที่แตกต่างกัน ฉันจะบอกกล่องกาเครื่องหมายใดที่ได้รับการตรวจสอบแล้วได้อย่างไร (อาจมีหลายรายการ) นี่เป็นระบบกล่องจดหมายและฉันมีปุ่มด้านล่างที่ฉันต้องการ (เมื่อคลิก) เพื่อลบข้อความทั้งหมด (รหัส:) $row['Report ID']ซึ่งมีการทำเครื่องหมายที่ช่องทำเครื่องหมาย

159 php  html  forms  checkbox 

ฉันพยายามตรวจสอบ / ยกเลิกการทำเครื่องหมายในช่องทั้งหมดโดยใช้ jQuery ตอนนี้โดยการตรวจสอบ / ยกเลิกการทำเครื่องหมายที่ช่องทำเครื่องหมายหลักช่องทำเครื่องหมายลูกทั้งหมดจะถูกเลือก / ยกเลิกการเลือกด้วยข้อความของช่องทำเครื่องหมายของผู้ปกครองที่ได้รับการเปลี่ยนเป็นตรวจสอบ / ยกเลิกการทำเครื่องหมาย ตอนนี้ฉันต้องการแทนที่ช่องทำเครื่องหมายผู้ปกครองด้วยปุ่มอินพุตและเปลี่ยนข้อความบนปุ่มเพื่อตรวจสอบ / ยกเลิกการเลือก รหัสคือทุกคนสามารถปรับแต่งรหัสได้หรือไม่ $( function() { $( '.checkAll' ).live( 'change', function() { $( '.cb-element' ).attr( 'checked', $( this ).is( ':checked' ) ? 'checked' : '' ); $( this ).next().text( $( this ).is( ':checked' ) ? 'Uncheck All' : …

158 jquery  checkbox  uncheck 

ฉันsetOnCheckedChangeListenerใช้งานไปแล้วcheckbox มีวิธีที่ฉันสามารถโทร checkbox.setChecked(false); โดยไม่ต้องเรียก onCheckedChanged

147 android  checkbox 

โดยค่าเริ่มต้นหุ่นยนต์ช่องทำเครื่องหมายแสดงข้อความทางด้านขวาและช่องทำเครื่องหมายที่ด้านซ้าย ฉันต้องการที่จะแสดงช่องทำเครื่องหมายที่ด้านขวาด้วยข้อความทางด้านซ้าย ฉันจะทำสิ่งนี้ได้อย่างไร

146 android  layout  checkbox 

checkboxฉันมีปัญหากับยกเลิกการเลือก ดูjsFiddle ของฉันที่ฉันพยายาม: $("#check2").attr("checked", true); ผมใช้เครื่องแบบสำหรับจัดแต่งทรงผมcheckboxและมันก็ไม่ได้ทำงานเพื่อตรวจสอบ / ยกเลิกcheckbox ความคิดใด ๆ

144 jquery  checkbox 

ฉันมีดังต่อไปนี้: <form id="myform"> <input type="checkbox" name="check1" value="check1"> <input type="checkbox" name="check2" value="check2"> </form> ฉันจะใช้ jQuery เพื่อจับภาพเหตุการณ์การตรวจสอบใด ๆ ที่เกิดขึ้นmyformและบอกว่าช่องทำเครื่องหมายใดถูกสลับ (และรู้ว่ามันถูกสลับหรือปิด)

136 jquery  html  checkbox 

TLDR: ใช้ defaultChecked แทนที่จะทำเครื่องหมายไว้ว่าทำงานได้jsbin พยายามติดตั้งช่องทำเครื่องหมายอย่างง่ายที่จะขีดฆ่าข้อความฉลากเมื่อมีการทำเครื่องหมาย ด้วยเหตุผลบางอย่าง handleChange ไม่เริ่มทำงานเมื่อฉันใช้ส่วนประกอบ ทุกคนสามารถอธิบายสิ่งที่ฉันทำผิดได้ไหม var CrossoutCheckbox = React.createClass({ getInitialState: function () { return { complete: (!!this.props.complete) || false }; }, handleChange: function(){ console.log('handleChange', this.refs.complete.checked); // Never gets logged this.setState({ complete: this.refs.complete.checked }); }, render: function(){ var labelStyle={ 'text-decoration': this.state.complete?'line-through':'' }; return ( <span> <label style={labelStyle}> …

136 checkbox  onchange  reactjs 

ฉันมีช่องทำเครื่องหมายในแบบฟอร์มและฉันต้องการให้มันทำงานตามสถานการณ์ต่อไปนี้: ถ้าการตรวจสอบคนที่มันคุ้มค่าของฟิลด์ข้อความที่ ( totalCost) 10ควรจะกำหนดให้ จากนั้นถ้าฉันย้อนกลับไปและยกเลิกการเลือกฟังก์ชันcalculate()จะกำหนดค่าtotalCostตามพารามิเตอร์อื่น ๆ ในรูปแบบ โดยพื้นฐานแล้วฉันต้องการส่วนที่เมื่อฉันทำเครื่องหมายในช่องฉันทำสิ่งหนึ่งและเมื่อฉันยกเลิกการเลือกฉันก็ทำอย่างอื่น

132 javascript  checkbox 

<p> #0099ffเมื่อฉันทำเครื่องหมายในช่องที่ผมอยากให้มันเปิด เมื่อฉันยกเลิกการเลือกช่องทำเครื่องหมายฉันต้องการให้ยกเลิกการทำเช่นนั้น รหัสที่ฉันมีจนถึงตอนนี้: $('#checkbox').click(function(){ if ($('#checkbox').attr('checked')) { /* NOT SURE WHAT TO DO HERE */ } })

126 jquery  checkbox  if-statement  checked  unchecked 

ฉันจะอนุญาตให้ผู้ใช้เลือกช่องทำเครื่องหมายเพียงช่องเดียวได้อย่างไร ฉันรู้ว่าปุ่มตัวเลือกนั้น "เหมาะอย่างยิ่ง" แต่สำหรับจุดประสงค์ของฉัน ... มันไม่ใช่ ฉันมีฟิลด์ที่ผู้ใช้ต้องเลือกตัวเลือกใดตัวเลือกหนึ่งหรือสองตัวเลือก แต่ไม่ใช่ทั้งสองอย่าง ปัญหาคือฉันต้องการให้ผู้ใช้ของฉันสามารถยกเลิกการเลือกตัวเลือกของพวกเขาได้และนี่คือจุดที่ปุ่มตัวเลือกล้มเหลวเนื่องจากเมื่อคุณเลือกกลุ่มแล้วคุณต้องเลือกตัวเลือก ฉันจะตรวจสอบความถูกต้องของข้อมูลผ่าน php แต่ฉันยังคงต้องการ จำกัด ผู้ใช้ไว้เพียงคำตอบเดียวหากพวกเขาต้องการให้

126 html  checkbox 

ฉันไม่เชี่ยวชาญกับ jQuery แต่ฉันพยายามสร้างสคริปต์เล็ก ๆ น้อย ๆ สำหรับแอปพลิเคชันของฉัน ฉันต้องการทำเครื่องหมายในช่องทำเครื่องหมายทั้งหมด แต่ทำงานไม่ถูกต้อง ก่อนอื่นฉันลองใช้attrและหลังจากนั้นฉันก็ลองใช้propแต่ฉันทำอะไรผิดพลาด ฉันลองสิ่งนี้ก่อน: $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').attr('checked','checked'); } else { $('input:checkbox').removeAttr('checked'); } }); แต่ไม่ได้ผล ถัดไป: ทำงานได้ดีกว่าโค้ดด้านบน $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').prop('checked',true); } else { $('input:checkbox').prop('checked', false); } }); ทั้งสองตัวอย่างไม่ทำงาน JSFiddle: http://jsfiddle.net/hhZfu/4/

119 javascript  jquery  checkbox 

ช่องทำเครื่องหมายมาตรฐานที่แสดงในเบราว์เซอร์ส่วนใหญ่มีขนาดค่อนข้างเล็กและไม่เพิ่มขนาดแม้ว่าจะใช้แบบอักษรขนาดใหญ่ วิธีใดที่ดีที่สุดและไม่ขึ้นกับเบราว์เซอร์ในการแสดงช่องทำเครื่องหมายขนาดใหญ่

116 html  css  checkbox